From e4b3adb6e6be107d31fffdbe177997b6dcfb2a8b Mon Sep 17 00:00:00 2001
From: planetazuzu <planetazuzu@gmail.com>
Date: Tue, 20 Jan 2026 09:28:20 +0100
Subject: [PATCH] Restore markdown width and emergency cleanup

---
 .../consolidado/SECCION_03_ABCDE_OPERATIVO.md | 31 +++++++------------
 src/components/content/MarkdownViewer.tsx     |  7 ++---
 .../emergency/EmergencyModeOverlay.tsx        |  4 ++-
 3 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md b/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md
index 2422b326..b0e2e0e7 100644
--- a/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md
+++ b/docs/consolidado/SECCION_03_ABCDE_OPERATIVO.md
@@ -103,26 +103,19 @@ Comprender la lógica del algoritmo te prepara para reconocer su estructura cuan
 
 ## Bloque 3: Enlace Operativo
 
-### Enlace al Protocolo Operativo
+<div style="text-align: center; margin: 24px 0;">
+  <a
+    href="/escena?tab=abcde"
+    style="display: inline-block; padding: 12px 20px; border-radius: 10px; border: 2px solid #94a3b8; color: #e2e8f0; text-decoration: none; font-weight: 600;"
+  >
+    Ver pasos operativos exactos del Protocolo ABCDE →
+  </a>
+</div>
 
-**Texto del enlace:** "Ver pasos operativos exactos del Protocolo ABCDE"
-
-**Tipo de enlace:** Enlace discreto (no botón primario)
-
-**Mensaje contextual:**
-
-> Esta guía explica la lógica del algoritmo como estructura mental. Para la ejecución clínica durante una emergencia, consulta el protocolo operativo.
-
-**Ubicación:** Al final del bloque de texto explicativo, antes de pasar a la siguiente sección.
-
-**Estilo visual sugerido:**
-- Enlace de texto con estilo discreto (color secundario, sin fondo destacado)
-- Icono sutil de enlace o flecha pequeña
-- Tamaño de texto normal, no destacado
-- Posicionado de manera que no compita visualmente con el contenido principal
-
-**Propósito:**
-Este enlace proporciona acceso al protocolo operativo para aquellos usuarios que, después de comprender la lógica del algoritmo, necesitan consultar los pasos exactos, técnicas específicas, escalas precisas y secuencia operativa detallada. El enlace discreto comunica que esta guía de refuerzo es complementaria al protocolo operativo, no sustituta.
+<!--
+Descripción interna (no renderizar en la UI):
+Enlace discreto al protocolo operativo con mensaje contextual de uso en emergencia real.
+-->
 
 ---
 
diff --git a/src/components/content/MarkdownViewer.tsx b/src/components/content/MarkdownViewer.tsx
index 10e09e5e..350ea140 100644
--- a/src/components/content/MarkdownViewer.tsx
+++ b/src/components/content/MarkdownViewer.tsx
@@ -30,8 +30,7 @@ interface MarkdownViewerProps {
    */
   onError?: (error: Error) => void;
   /**
-   * Forzar ancho completo del contenido en pantallas grandes.
-   * Útil para guías visuales donde el contenido debe ocupar todo el ancho.
+   * Forzar ancho completo (sin límites de lectura)
    */
   fullWidth?: boolean;
 }
@@ -120,10 +119,10 @@ const MarkdownViewer = ({
   }
 
   // Renderizar Markdown
-  const widthClasses = fullWidth ? 'max-w-none' : 'max-w-none md:max-w-prose lg:max-w-[700px]';
+  const widthClass = fullWidth ? 'max-w-none' : 'md:max-w-prose lg:max-w-[700px]';
 
   return (
-    <div className={`prose prose-slate dark:prose-invert ${widthClasses} ${className}`}>
+    <div className={`prose prose-slate dark:prose-invert ${widthClass} ${className}`}>
       <ReactMarkdown
         remarkPlugins={[remarkGfm, remarkFrontmatter]}
         rehypePlugins={[
diff --git a/src/components/emergency/EmergencyModeOverlay.tsx b/src/components/emergency/EmergencyModeOverlay.tsx
index b48185f1..6b19f323 100644
--- a/src/components/emergency/EmergencyModeOverlay.tsx
+++ b/src/components/emergency/EmergencyModeOverlay.tsx
@@ -32,10 +32,12 @@ const EmergencyModeOverlay = ({ isOpen, onClose }: EmergencyModeOverlayProps) =>
     setSituation(null);
 
     getLocationSnapshot().then((location) => {
-      if (!isCancelled && location) {
+      if (isCancelled) return;
+      if (location) {
         updateEmergencyEvent(event.id, { location });
       }
     });
+
     return () => {
       isCancelled = true;
     };