From b52285213e96d2c4fb93d24a00093fbb12e5237e Mon Sep 17 00:00:00 2001
From: Sergio Nicolas Lavaise <snlavaise@gmail.com>
Date: Tue, 21 Apr 2026 09:21:49 -0300
Subject: [PATCH] refactor: update Badge styles and enhance interconsultation
 response display in HistoriaClinica

---
 src/sections/HistoriaClinica.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index 3da26cf..8d30c0a 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -1626,7 +1626,7 @@ function SeccionAcidosBase({ ab, patientId, add, update, del }: {
                               "red";
 
                       return (
-                        <Badge className={`bg-${color}-100 text-${color}-900 border-${color}-100`}>
+                        <Badge className={`bg-${color}-500 text-white hover:bg-${color}-600 dark:hover:bg-${color}-700`}>
                           {pf.toFixed(1)}
                         </Badge>
                       );
@@ -2217,7 +2217,7 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
                       {!ic.respuestaInterconsulta ? (
                         <Badge className="bg-orange-500 text-white hover:bg-orange-600">Pendiente</Badge>
                       ) : (
-                        <Badge className="bg-green-600 text-white hover:bg-green-700 dark:bg-green-700 dark:hover:bg-green-600">Respondida</Badge>
+                        <Badge className="bg-green-600 text-white hover:bg-green-700 dark:bg-green-700 dark:hover:bg-green-600">Resuelta</Badge>
                       )}
                     </div>
                     <h4 className="font-semibold text-gray-900 dark:text-white">{ic.servicioInterconsultado}</h4>
@@ -2229,10 +2229,12 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
                         {ic.respuestaFecha && (
                           <Badge variant="outline" className="mt-2 bg-green-50 text-green-700 border-green-200 dark:bg-green-900 dark:text-green-300 dark:border-green-700">
                             <CheckCircle2 className="h-3 w-3 mr-1" />
-                            Respondido: {ic.respuestaFecha}
+                            <p className="font-semibold">Respuesta: {ic.respuestaFecha}<br />
+                              <span className="text-sm text-gray-600 dark:text-gray-300 mt-2 whitespace-pre-wrap">{ic.respuestaInterconsulta} <br /></span>
+                            </p>
                           </Badge>
                         )}
-                        <p className="text-sm text-gray-600 dark:text-gray-300 mt-2 whitespace-pre-wrap">{ic.respuestaInterconsulta}</p>
+
                       </>
                     )}
                   </div>