Cambiar formato de respuesta de interconsultas de Badge a contenedor con padding

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 && (
-                      <>
+                      <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">
-                        {ic.respuestaFecha && (
+                        <div className="flex items-center gap-1.5 text-xs font-semibold text-green-800 dark:text-green-300 mb-1.5">
-                          <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-4 w-4 text-green-600 dark:text-green-400 shrink-0" />
-                            <CheckCircle2 className="h-3 w-3 mr-1" />
+                          <span>Respuesta{ic.respuestaFecha ? `: ${ic.respuestaFecha}` : ''}</span>
-                            <p className="font-semibold">Respuesta: {ic.respuestaFecha}<br />
+                        </div>
-                              <span className="text-sm text-gray-600 dark:text-gray-300 mt-2 whitespace-pre-wrap">{ic.respuestaInterconsulta} <br /></span>
+                        <p className="text-sm text-gray-800 dark:text-gray-200 whitespace-pre-wrap leading-relaxed">
+                          {ic.respuestaInterconsulta}
                         </p>
-                          </Badge>
+                      </div>
-                        )}
-
-                      </>
                     )}
                   </div>
                   <div className="flex gap-1 self-start">