Reorganizar campos formulario paciente

src/sections/Pacientes.tsx

@@ -205,20 +205,28 @@ export function Pacientes({
                 </Select>
               </div>
               <div>
-                <Label>Teléfono *</Label>
+                <Label>Historia Clínica</Label>
-                <Input 
+                <textarea
-                  value={telefono} 
+                  className="w-full p-2 border rounded-md text-sm min-h-[60px]"
-                  onChange={(e) => setTelefono(e.target.value)}
+                  value={historiaClinica}
-                  placeholder="Teléfono de contacto"
+                  onChange={(e) => setHistoriaClinica(e.target.value)}
+                  placeholder="Historia clínica..."
                 />
               </div>
               <div>
-                <Label>Email</Label>
+                <Label>Obra Social</Label>
                 <Input 
-                  type="email"
+                  value={obraSocial} 
-                  value={email} 
+                  onChange={(e) => setObraSocial(e.target.value)}
-                  onChange={(e) => setEmail(e.target.value)}
+                  placeholder="Obra social del paciente"
-                  placeholder="Correo electrónico"
+                />
+              </div>
+              <div>
+                <Label>Nacionalidad</Label>
+                <Input 
+                  value={nacionalidad} 
+                  onChange={(e) => setNacionalidad(e.target.value)}
+                  placeholder="Nacionalidad del paciente"
                 />
               </div>
               <div>
@@ -248,37 +256,11 @@ export function Pacientes({
                 </Select>
               </div>
               <div className="sm:col-span-2">
-                <Label>Alergias</Label>
+                <Label>Telefono *</Label>
-                <textarea
-                  className="w-full p-2 border rounded-md text-sm min-h-[60px]"
-                  value={alergias}
-                  onChange={(e) => setAlergias(e.target.value)}
-                  placeholder="Alergias conocidas..."
-                />
-              </div>
-              <div className="sm:col-span-2">
-                <Label>Antecedentes Médicos</Label>
-                <textarea
-                  className="w-full p-2 border rounded-md text-sm min-h-[60px]"
-                  value={antecedentes}
-                  onChange={(e) => setAntecedentes(e.target.value)}
-                  placeholder="Antecedentes médicos relevantes..."
-                />
-              </div>
-              <div>
-                <Label>Obra Social</Label>
                 <Input 
-                  value={obraSocial} 
+                  value={telefono} 
-                  onChange={(e) => setObraSocial(e.target.value)}
+                  onChange={(e) => setTelefono(e.target.value)}
-                  placeholder="Obra social del paciente"
+                  placeholder="Teléfono de contacto"
-                />
-              </div>
-              <div>
-                <Label>Nacionalidad</Label>
-                <Input 
-                  value={nacionalidad} 
-                  onChange={(e) => setNacionalidad(e.target.value)}
-                  placeholder="Nacionalidad del paciente"
                 />
               </div>
               <div className="sm:col-span-2">
@@ -291,12 +273,21 @@ export function Pacientes({
                 />
               </div>
               <div className="sm:col-span-2">
-                <Label>Historia Clínica</Label>
+                <Label>Antecedentes Médicos</Label>
                 <textarea
-                  className="w-full p-2 border rounded-md text-sm min-h-[80px]"
+                  className="w-full p-2 border rounded-md text-sm min-h-[60px]"
-                  value={historiaClinica}
+                  value={antecedentes}
-                  onChange={(e) => setHistoriaClinica(e.target.value)}
+                  onChange={(e) => setAntecedentes(e.target.value)}
-                  placeholder="Historia clínica del paciente..."
+                  placeholder="Antecedentes médicos relevantes..."
+                />
+              </div>
+              <div className="sm:col-span-2">
+                <Label>Alergias</Label>
+                <textarea
+                  className="w-full p-2 border rounded-md text-sm min-h-[60px]"
+                  value={alergias}
+                  onChange={(e) => setAlergias(e.target.value)}
+                  placeholder="Alergias conocidas..."
                 />
               </div>
             </div>