diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index 2003034..d33d762 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -3486,17 +3486,15 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
                       <p className="text-sm text-gray-600 dark:text-gray-400 mt-1">{ic.motivo}</p>
                     )}
                     {ic.respuestaInterconsulta && (
-                      <>
-                        {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" />
-                            <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>
-                        )}
-
-                      </>
+                      <div className="mt-3 p-3 rounded-lg bg-green-50/80 dark:bg-green-950/40 border border-green-200 dark:border-green-800/60">
+                        <div className="flex items-center gap-1.5 text-xs font-semibold text-green-800 dark:text-green-300 mb-1.5">
+                          <CheckCircle2 className="h-4 w-4 text-green-600 dark:text-green-400 shrink-0" />
+                          <span>Respuesta{ic.respuestaFecha ? `: ${ic.respuestaFecha}` : ''}</span>
+                        </div>
+                        <p className="text-sm text-gray-800 dark:text-gray-200 whitespace-pre-wrap leading-relaxed">
+                          {ic.respuestaInterconsulta}
+                        </p>
+                      </div>
                     )}
                   </div>
                   <div className="flex gap-1 self-start">