From c17202d3e3b779c1d426c7a5e2352cd5b65db969 Mon Sep 17 00:00:00 2001
From: Sergio Nicolas Lavaise <snlavaise@gmail.com>
Date: Mon, 20 Apr 2026 15:35:26 -0300
Subject: [PATCH] =?UTF-8?q?Fix:=20evoluci=C3=B3n=20textarea=20styles=20and?=
 =?UTF-8?q?=20dark=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sections/EditIngreso.tsx     |  4 +--
 src/sections/HistoriaClinica.tsx | 42 +++++++++++++++++---------------
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/sections/EditIngreso.tsx b/src/sections/EditIngreso.tsx
index 710577b..2a0a036 100644
--- a/src/sections/EditIngreso.tsx
+++ b/src/sections/EditIngreso.tsx
@@ -94,11 +94,11 @@ export function EditIngreso({
           </div>
         </div>
         <div className="flex gap-2 ml-auto sm:ml-0">
-          <Button variant="outline" onClick={() => onVolver()}>
+          <Button variant="secondary" onClick={() => onVolver()}>
             <X className="h-4 w-4 mr-2" />
             Cancelar
           </Button>
-          <Button className="bg-blue-600 hover:bg-blue-700" onClick={handleSubmit}>
+          <Button onClick={handleSubmit}>
             <Save className="h-4 w-4 mr-2" />
             Guardar Cambios
           </Button>
diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index a029562..222ca9b 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -242,7 +242,7 @@ export function HistoriaClinica({
       <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
 
         <div>
-          <h1 className="text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2">
+          <h1 className="text-2xl font-bold text-gray-900 dark:text-white">
             <ClipboardList className="h-6 w-6 text-blue-600" />
             {cama?.numero || 'N/A'} - Historia Clínica
           </h1>
@@ -250,16 +250,16 @@ export function HistoriaClinica({
         </div>
 
 
-
-        <Button variant="secondary" onClick={onVolver}>
-          <ArrowLeft className="h-4 w-4 mr-2" />
-          Volver
-        </Button>
-        <Button onClick={onEditarIngreso}>
-          <Pencil className="h-4 w-4 mr-2" />
-          Editar Ingreso
-        </Button>
-
+        <div className="flex gap-2 ml-auto sm:ml-0">
+          <Button variant="secondary" onClick={onVolver}>
+            <ArrowLeft className="h-4 w-4 mr-2" />
+            Volver
+          </Button>
+          <Button onClick={onEditarIngreso}>
+            <Pencil className="h-4 w-4 mr-2" />
+            Editar Ingreso
+          </Button>
+        </div>
       </div>
 
 
@@ -1378,18 +1378,20 @@ function SeccionEvoluciones({ evos, internacionId, add, update, del }: {
             <div className="bg-green-50 dark:bg-green-900 p-3 rounded-lg border border-green-200 dark:border-green-700">
               <p className="text-sm font-bold text-green-800 mb-3 flex items-center gap-2"><FileText className="h-4 w-4" />Examen Físico</p>
               <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-                <div><Label>SNC</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px]" value={snc} onChange={e => setSnc(e.target.value)} placeholder="Estado neurológico" /></div>
-                <div><Label>Cardiovascular</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px]" value={cardiovascular} onChange={e => setCardiovascular(e.target.value)} placeholder="Hallazgos cardiovasculares" /></div>
-                <div><Label>Respiratorio</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px]" value={respiratorio} onChange={e => setRespiratorio(e.target.value)} placeholder="Hallazgos respiratorios" /></div>
-                <div><Label>Abdominal</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px]" value={abdominal} onChange={e => setAbdominal(e.target.value)} placeholder="Hallazgos abdominales" /></div>
-                <div><Label>Genitourinario</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px]" value={genitourinario} onChange={e => setGenitourinario(e.target.value)} placeholder="Hallazgos genitourinarios" /></div>
-                <div><Label>Piel y anexos</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px]" value={pielAnexos} onChange={e => setPielAnexos(e.target.value)} placeholder="Estado de piel y anexos" /></div>
+                <div><Label>SNC</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px] bg-transparent dark:bg-input/30" value={snc} onChange={e => setSnc(e.target.value)} placeholder="Estado neurológico" /></div>
+                <div><Label>Cardiovascular</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px] bg-transparent dark:bg-input/30" value={cardiovascular} onChange={e => setCardiovascular(e.target.value)} placeholder="Hallazgos cardiovasculares" /></div>
+                <div><Label>Respiratorio</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px] bg-transparent dark:bg-input/30" value={respiratorio} onChange={e => setRespiratorio(e.target.value)} placeholder="Hallazgos respiratorios" /></div>
+                <div><Label>Abdominal</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px] bg-transparent dark:bg-input/30" value={abdominal} onChange={e => setAbdominal(e.target.value)} placeholder="Hallazgos abdominales" /></div>
+                <div><Label>Genitourinario</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px] bg-transparent dark:bg-input/30" value={genitourinario} onChange={e => setGenitourinario(e.target.value)} placeholder="Hallazgos genitourinarios" /></div>
+                <div><Label>Piel y anexos</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[60px] bg-transparent dark:bg-input/30" value={pielAnexos} onChange={e => setPielAnexos(e.target.value)} placeholder="Estado de piel y anexos" /></div>
                 <div><Label>SOMA</Label><Input value={soma} onChange={e => setSoma(e.target.value)} placeholder="Estado SOMA" /></div>
               </div>
             </div>
-            <div><Label>Novedades</Label><textarea value={novedades} onChange={e => setNovedades(e.target.value)} placeholder="Novedades..." /></div>
-            <div><Label>Comentario</Label><textarea value={comentario} onChange={e => setComentario(e.target.value)} placeholder="Comentarios adicionales..." /></div>
-            <div><Label>Pendientes</Label><textarea value={pendientes} onChange={e => setPendientes(e.target.value)} placeholder="Pendientes..." /></div>
+            <div className="space-y-4">
+            <div><Label>Novedades</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[80px] bg-transparent dark:bg-input/30" value={novedades} onChange={e => setNovedades(e.target.value)} placeholder="Novedades..." /></div>
+            <div><Label>Comentario</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[80px] bg-transparent dark:bg-input/30" value={comentario} onChange={e => setComentario(e.target.value)} placeholder="Comentarios adicionales..." /></div>
+            <div><Label>Pendientes</Label><textarea className="w-full p-2 border rounded-md text-sm min-h-[80px] bg-transparent dark:bg-input/30" value={pendientes} onChange={e => setPendientes(e.target.value)} placeholder="Pendientes..." /></div>
+          </div>
             <div><Label>Médico *</Label><Input value={medico} onChange={e => setMedico(e.target.value)} placeholder="Nombre del médico" /></div>
           </div>
           <div className="flex justify-end gap-2 mt-4"><Button variant="outline" onClick={() => { reset(); setDialog(false); }}><X className="h-4 w-4 mr-2" />Cancelar</Button><Button onClick={handle} disabled={!medico}><Save className="h-4 w-4 mr-2" />Guardar Evolución</Button></div>