diff --git a/src/modules/expedientes/core/providers/crear-expediente/crear-expediente.vm.ts b/src/modules/expedientes/core/providers/crear-expediente/crear-expediente.vm.ts
index 5c4a29d..35ba3c2 100644
--- a/src/modules/expedientes/core/providers/crear-expediente/crear-expediente.vm.ts
+++ b/src/modules/expedientes/core/providers/crear-expediente/crear-expediente.vm.ts
@@ -1,5 +1,10 @@
 export interface DatosGenerales {
-  name: string;
+  numero: string;
+  titulo: string;
+  clase: string;
+  tipo: string;
+  unidad: string;
+  responsable: string;
 }
 
 export interface PresupuestoBase {
@@ -18,7 +23,12 @@ export interface Expediente {
 
 export const createEmptyExpedienteFormData = (): Expediente => ({
   datosGenerales: {
-    name: '',
+    numero: '',
+    titulo: '',
+    clase: '',
+    tipo: '',
+    unidad: '',
+    responsable: '',
   },
   presupuestoBase: {
     amount: 0,
diff --git a/src/modules/expedientes/crear/components/steps/datos-generales-step.component.tsx b/src/modules/expedientes/crear/components/steps/datos-generales-step.component.tsx
index 9692f74..df2adaa 100644
--- a/src/modules/expedientes/crear/components/steps/datos-generales-step.component.tsx
+++ b/src/modules/expedientes/crear/components/steps/datos-generales-step.component.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Form, Formik } from 'formik';
-import { TextFieldForm } from '#common/components';
+import { SelectForm, TextFieldForm } from '#common/components';
 import { DatosGenerales, useCreateExpedienteContext } from '#modules/expedientes/core/providers';
 import { datosGeneralesValidations } from '../validations';
 import { StepNavigation } from '../step-navigation.component';
@@ -11,6 +11,7 @@ export const DatosGeneralesStep: React.FC = () => {
 
   const handleSubmit = (values: DatosGenerales) => {
     onNextStep('datosGenerales', values);
+    console.log(values);
   };
 
   return (
@@ -22,7 +23,43 @@ export const DatosGeneralesStep: React.FC = () => {
     >
       {() => (
         <Form className={classes.form}>
-          <TextFieldForm name="name" label="Nombre" />
+          <div className={classes.row}>
+            <TextFieldForm name="numero" label="Número de expediente" required />
+          </div>
+          <div className={classes.row}>
+            <TextFieldForm name="titulo" label="Título de expediente" className={classes.fullRow} />
+          </div>
+          <div className={classes.row}>
+            <SelectForm
+              name="clase"
+              label="Clase"
+              options={[{ id: 'test', nombre: 'test' }]}
+              className={classes.halfLeft}
+              required
+            />
+            <SelectForm
+              name="tipo"
+              label="Tipo"
+              options={[{ id: 'test', nombre: 'test' }]}
+              className={classes.halfRight}
+              required
+            />
+          </div>
+          <div className={classes.row}>
+            <SelectForm
+              name="unidad"
+              label="Unidad Proponente"
+              options={[{ id: 'test', nombre: 'test' }]}
+              className={classes.halfLeft}
+              required
+            />
+            <SelectForm
+              name="responsable"
+              label="Responsable"
+              options={[{ id: 'test', nombre: 'test' }]}
+              className={classes.halfRight}
+            />
+          </div>
           <StepNavigation />
         </Form>
       )}
diff --git a/src/modules/expedientes/crear/components/steps/steps.styles.ts b/src/modules/expedientes/crear/components/steps/steps.styles.ts
index f24a55f..6b8672c 100644
--- a/src/modules/expedientes/crear/components/steps/steps.styles.ts
+++ b/src/modules/expedientes/crear/components/steps/steps.styles.ts
@@ -32,3 +32,30 @@ export const selectForm = css`
   width: 10rem;
   margin: 0;
 `;
+
+export const row = css`
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+  margin-bottom: 16px;
+
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr;
+  }
+`;
+
+export const fullRow = css`
+  grid-column: 1 / -1;
+`;
+
+export const halfLeft = css`
+  grid-column: 1 / 3;
+`;
+
+export const halfRight = css`
+  grid-column: 3 / -1;
+
+  @media (max-width: 768px) {
+    grid-column: 1 / 3;
+  }
+`;
diff --git a/src/modules/expedientes/crear/components/validations/datos-generales-step.validations.ts b/src/modules/expedientes/crear/components/validations/datos-generales-step.validations.ts
index 5fbf8c3..5ab0ce3 100644
--- a/src/modules/expedientes/crear/components/validations/datos-generales-step.validations.ts
+++ b/src/modules/expedientes/crear/components/validations/datos-generales-step.validations.ts
@@ -3,7 +3,10 @@ import { createFormikValidation } from '@lemoncode/fonk-formik';
 
 const validationSchema = {
   field: {
-    name: [Validators.required],
+    numero: [Validators.required],
+    clase: [Validators.required],
+    tipo: [Validators.required],
+    unidad: [Validators.required],
   },
 };