<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>CUANDO LA CRISIS NO TERMINA EN 24 HORAS</title>

    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }

       

        body {

            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

            background: #0a0e27;

            color: #e8eaf6;

            line-height: 1.65;

            -webkit-font-smoothing: antialiased;

        }

       

        /* Hero Section */

        .hero {

            background: linear-gradient(135deg, #1a4d7a 0%, #0a0e27 100%);

            padding: 50px 20px 35px;

            text-align: center;

            position: sticky;

            top: 0;

            z-index: 10;

            border-bottom: 2px solid rgba(255, 111, 0, 0.3);

        }

       

        .hero h1 {

            font-size: clamp(24px, 7vw, 38px);

            font-weight: 700;

            margin-bottom: 12px;

            line-height: 1.2;

            letter-spacing: -0.5px;

        }

       

        .hero .subtitle {

            font-size: clamp(14px, 3.5vw, 17px);

            opacity: 0.85;

            max-width: 500px;

            margin: 0 auto;

        }

       

        /* Container */

        .container {

            max-width: 720px;

            margin: 0 auto;

            padding: 0 18px 40px;

        }

       

        /* Intro Box */

        .intro-box {

            background: rgba(255, 111, 0, 0.08);

            border: 2px solid #ff6f00;

            border-radius: 12px;

            padding: 20px;

            margin: 25px 0;

        }

       

        .intro-box h2 {

            font-size: clamp(20px, 5vw, 26px);

            margin-bottom: 15px;

            color: #ff6f00;

        }

       

        .intro-box p {

            font-size: clamp(15px, 3.8vw, 17px);

            line-height: 1.7;

            margin-bottom: 12px;

        }

       

        /* Chapter */

        .chapter {

            background: rgba(26, 77, 122, 0.08);

            border-left: 4px solid #ff6f00;

            padding: 22px 18px;

            margin: 30px 0;

            border-radius: 8px;

        }

       

        .chapter-number {

            font-size: clamp(12px, 3vw, 14px);

            color: #ff6f00;

            font-weight: 600;

            text-transform: uppercase;

            letter-spacing: 1px;

            margin-bottom: 8px;

        }

       

        .chapter h2 {

            font-size: clamp(22px, 5.5vw, 28px);

            margin-bottom: 18px;

            color: #fff;

            line-height: 1.25;

        }

       

        .chapter h3 {

            font-size: clamp(18px, 4.5vw, 22px);

            margin: 25px 0 12px;

            color: #4fc3f7;

            line-height: 1.3;

        }

       

        .chapter h4 {

            font-size: clamp(16px, 4vw, 19px);

            margin: 20px 0 10px;

            color: #4fc3f7;

            line-height: 1.3;

        }

       

        .chapter p {

            font-size: clamp(15px, 3.8vw, 17px);

            margin-bottom: 14px;

            line-height: 1.75;

            color: rgba(232, 234, 246, 0.95);

        }

       

        .chapter strong {

            color: #fff;

            font-weight: 600;

        }

       

        .chapter ul, .chapter ol {

            padding-left: 20px;

            margin: 14px 0;

        }

       

        .chapter li {

            font-size: clamp(15px, 3.8vw, 17px);

            margin: 8px 0;

            line-height: 1.7;

        }

       

        /* Protocol Box */

        .protocol {

            background: rgba(79, 195, 247, 0.08);

            border: 1px solid rgba(79, 195, 247, 0.3);

            border-radius: 8px;

            padding: 18px;

            margin: 20px 0;

        }

       

        .protocol h4 {

            font-size: clamp(16px, 4vw, 19px);

            color: #4fc3f7;

            margin-bottom: 12px;

            font-weight: 600;

        }

       

        .protocol ol {

            padding-left: 20px;

            margin: 10px 0;

        }

       

        .protocol li {

            font-size: clamp(14px, 3.5vw, 16px);

            margin: 8px 0;

            line-height: 1.6;

        }

       

        /* Checklist */

        .checklist {

            background: rgba(255, 255, 255, 0.03);

            border-radius: 8px;

            padding: 16px;

            margin: 18px 0;

        }

       

        .checklist-title {

            font-size: clamp(15px, 4vw, 18px);

            color: #ff6f00;

            margin-bottom: 12px;

            font-weight: 600;

        }

       

        .checklist label {

            display: flex;

            align-items: flex-start;

            padding: 10px 0;

            font-size: clamp(14px, 3.5vw, 16px);

            line-height: 1.5;

            cursor: pointer;

            transition: opacity 0.2s;

        }

       

        .checklist input[type="checkbox"] {

            margin-right: 10px;

            margin-top: 3px;

            flex-shrink: 0;

        }

       

        .checklist label:active {

            opacity: 0.7;

        }

       

        /* Warning Box */

        .warning {

            background: rgba(255, 111, 0, 0.12);

            border: 2px solid #ff6f00;

            border-radius: 8px;

            padding: 16px;

            margin: 20px 0;

        }

       

        .warning p {

            font-size: clamp(14px, 3.5vw, 16px);

            margin: 0;

            line-height: 1.6;

        }

       

        /* Info Box */

        .info-box {

            background: rgba(79, 195, 247, 0.08);

            border-left: 3px solid #4fc3f7;

            padding: 14px;

            margin: 16px 0;

            border-radius: 4px;

        }

       

        .info-box p {

            font-size: clamp(14px, 3.5vw, 16px);

            margin: 0;

            line-height: 1.6;

        }

       

        /* Exercise Box */

        .exercise {

            background: linear-gradient(135deg, rgba(255, 111, 0, 0.15), rgba(255, 111, 0, 0.05));

            border: 2px dashed #ff6f00;

            border-radius: 10px;

            padding: 20px;

            margin: 25px 0;

            text-align: center;

        }

       

        .exercise h3 {

            font-size: clamp(18px, 4.5vw, 22px);

            color: #ff6f00;

            margin-bottom: 12px;

        }

       

        .exercise p {

            font-size: clamp(14px, 3.5vw, 16px);

            line-height: 1.6;

        }

       

        /* CTA Button */

        .cta {

            background: linear-gradient(135deg, #ff6f00, #ff8c1a);

            color: white;

            padding: 18px 30px;

            border: none;

            border-radius: 50px;

            font-size: clamp(16px, 4vw, 18px);

            font-weight: 700;

            text-align: center;

            display: block;

            width: calc(100% - 40px);

            max-width: 400px;

            margin: 35px auto;

            cursor: pointer;

            text-decoration: none;

            box-shadow: 0 4px 20px rgba(255, 111, 0, 0.3);

            transition: transform 0.2s, box-shadow 0.2s;

            position: sticky;

            bottom: 20px;

            z-index: 5;

        }

       

        .cta:active {

            transform: scale(0.97);

            box-shadow: 0 2px 10px rgba(255, 111, 0, 0.4);

        }

       

        /* Table */

        table {

            width: 100%;

            border-collapse: collapse;

            margin: 20px 0;

            font-size: clamp(13px, 3.2vw, 15px);

            background: rgba(255, 255, 255, 0.03);

            border-radius: 8px;

            overflow: hidden;

        }

       

        th, td {

            padding: 12px 10px;

            text-align: left;

            border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        }

       

        th {

            background: rgba(26, 77, 122, 0.3);

            font-weight: 600;

            color: #4fc3f7;

        }

       

        /* Separator */

        .separator {

            height: 2px;

            background: linear-gradient(90deg, transparent, #ff6f00, transparent);

            margin: 40px 0;

        }

       

        /* Footer */

        .footer {

            text-align: center;

            padding: 40px 20px 60px;

            opacity: 0.6;

            font-size: clamp(13px, 3.2vw, 15px);

        }

       

        /* Progress Bar */

        .progress-bar {

            position: fixed;

            top: 0;

            left: 0;

            width: 0%;

            height: 3px;

            background: linear-gradient(90deg, #ff6f00, #4fc3f7);

            z-index: 100;

            transition: width 0.1s;

        }

       

        /* Mobile Optimizations */

        @media (max-width: 480px) {

            .hero {

                padding: 35px 15px 25px;

            }

           

            .container {

                padding: 0 15px 30px;

            }

           

            .chapter {

                padding: 18px 15px;

            }

           

            .intro-box,

            .exercise {

                padding: 16px;

            }

        }

    </style>

</head>

<body>

    <div class="progress-bar" id="progressBar"></div>

   

    <div class="hero">

        <h1>CUANDO LA CRISIS NO TERMINA EN 24 HORAS</h1>

        <p class="subtitle">Sistema de Autonomía Familiar para 7–14 Días</p>

    </div>

   

    <div class="container">

       

        <div class="intro-box">

            <h2>EL ERROR FATAL QUE DESTRUYE A LAS FAMILIAS PREPARADAS</h2>

            <p><strong>Caracas, 7 de marzo de 2019 — 17:56h</strong></p>

            <p>María cierra la ventana.</p>

            <p>Las luces del edificio de enfrente se apagan.<br>

            Luego las suyas.<br>

            Luego toda la cuadra.</p>

            <p>90 segundos. Caracas a oscuras.</p>

            <p><strong>Pero María tenía plan.</strong></p>

        </div>

       

        <div class="warning">

            <p><strong>Día 1 — 8 minutos después:</strong></p>

            <p>✓ Familia reunida<br>

            ✓ Zona segura activada<br>

            ✓ Linternas funcionando<br>

            ✓ Agua para 24 horas<br>

            ✓ Niños tranquilos (habían practicado)</p>

            <p>Plan Antipánico 24H ejecutado con precisión.</p>

            <p>"Vuelve mañana", pensó. "Siempre vuelve en horas."</p>

        </div>

       

        <div class="info-box">

            <p><strong>Día 2:</strong> Todavía oscuro. Familia tranquila. Plan funcionando.</p>

            <p><strong>Día 3:</strong> Radio dice "pronto se restablece". Agua bajando. Niños preguntan: "¿Cuándo vuelve la luz?"</p>

            <p><strong>Día 4:</strong> Sin agua suficiente. Sin luz. Sin información clara. Vecinos salen a buscar agua. Filas 4-6 horas. Peleas por bidones.</p>

            <p><strong>Día 5:</strong> Pánico.</p>

        </div>

       

        <div class="chapter">

            <p><strong>No por falta de preparación inicial.<br>

            Por falta de preparación PROLONGADA.</strong></p>

            <p>María tenía plan perfecto para 24 horas.<br>

            Nadie le dijo qué hacer cuando pasara de un día.</p>

            <p><strong>Día 7:</strong> Evacuación desesperada.</p>

            <p>Mitad pertenencias abandonadas.<br>

            Decisiones apresuradas.<br>

            Familia separada temporalmente.</p>

            <p><strong>Todo porque faltó UNA cosa:</strong></p>

            <p>Sistema para cuando la crisis NO termina en 24 horas.</p>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <div class="chapter-number">Introducción</div>

            <h2>LA VERDAD QUE NADIE TE DICE</h2>

           

            <p>Tener plan para las primeras 24 horas es esencial.</p>

            <p>Por eso tienes el Plan Antipánico 24H.</p>

           

            <div class="warning">

                <p><strong>Pero estadística brutal:</strong></p>

                <p>→ <strong>60% crisis prolongadas duran MÁS de 48 horas</strong><br>

                → <strong>40% duran más de 7 días</strong><br>

                → <strong>15% duran más de 2 semanas</strong></p>

            </div>

           

            <h3>Ejemplos reales:</h3>

            <p><strong>Venezuela 2019:</strong> Apagón nacional — 7 días sin electricidad<br>

            <strong>Ucrania 2022:</strong> Evacuaciones — 3 a 14 días en ruta<br>

            <strong>Texas 2021:</strong> Tormenta invernal — 5 días sin energía<br>

            <strong>Puerto Rico 2017:</strong> Huracán María — semanas sin servicios</p>

           

            <h3>Cuando la crisis pasa de 24 horas:</h3>

            <ul>

                <li>❌ Recursos básicos se acaban</li>

                <li>❌ Moral familiar colapsa</li>

                <li>❌ Decisiones en desesperación</li>

                <li>❌ Familia se divide en pánico</li>

                <li>❌ Dependes de gobierno/vecinos/suerte</li>

            </ul>

        </div>

       

        <div class="chapter">

            <h2>LA DIFERENCIA ENTRE SOBREVIVIR Y ESTAR PREPARADO</h2>

           

            <p><strong>Sobrevivir 1 día</strong> = Agua y comida básica</p>

           

            <p><strong>Estar preparado 14 días</strong> = <strong>SISTEMA COMPLETO</strong>:</p>

           

            <ul>

                <li>✓ Protocolo día-a-día (no solo checklist)</li>

                <li>✓ Gestión inteligente de recursos</li>

                <li>✓ Preparación emocional prolongada</li>

                <li>✓ Autonomía real (cero dependencia)</li>

                <li>✓ Evacuación planificada si necesario</li>

                <li>✓ Retorno a normalidad controlado</li>

            </ul>

           

            <div class="warning">

                <p><strong>ESTE NO ES UNA GUÍA MÁS</strong></p>

                <p>Plan Antipánico 24H resuelve el choque inicial.<br>

                Este sistema resuelve <strong>el desgaste</strong>.</p>

                <p>Las crisis reales no destruyen familias en minutos.<br>

                Las desgastan lentamente, cuando la falsa esperanza se prolonga.</p>

            </div>

        </div>

       

        <div class="chapter">

            <h2>LO QUE VAS A DESCUBRIR</h2>

           

            <p>Este NO es el Plan 24 Horas expandido.</p>

            <p><strong>Es el sistema que comienza DESPUÉS de las primeras 24 horas.</strong></p>

           

            <div class="protocol">

                <h4>CONTENIDO</h4>

                <p><strong>PARTE I — SISTEMA TEMPORAL</strong><br>

                → Por qué 72h es el marco crítico<br>

                → Protocolo día-a-día (Día 1 a 14)<br>

                → Los 3 momentos donde la mayoría falla</p>

               

                <p><strong>PARTE II — PREPARACIÓN FÍSICA</strong><br>

                → Agua para 14 días (210L)<br>

                → Alimentos Sistema 14/7<br>

                → Energía sin electricidad<br>

                → Higiene sin agua corriente</p>

               

                <p><strong>PARTE III — COLAPSO EMOCIONAL</strong><br>

                → Psicología del Día 5<br>

                → Técnicas control prolongado<br>

                → Mantener familia unida bajo presión</p>

               

                <p><strong>PARTE IV — SEGURIDAD AVANZADA</strong><br>

                → Preparación niños por edad<br>

                → Cuidado mayores<br>

                → Documentos vitales (Sobre de Oro)</p>

               

                <p><strong>PARTE V — EVACUACIÓN</strong><br>

                → Cuándo salir vs quedarse<br>

                → Sistema rutas (3 opciones)<br>

                → Mochila 72h</p>

               

                <p><strong>PARTE VI — RELACIÓN EXTERIOR</strong><br>

                → Vecinos: ¿aliados o riesgo?<br>

                → Información confiable vs rumores<br>

                → Seguridad operacional</p>

               

                <p><strong>PARTE VII — RETORNO</strong><br>

                → Señales de mejora<br>

                → Reintegración familiar<br>

                → Actualización del sistema</p>

            </div>

           

            <h3>Al final:</h3>

            <ul>

                <li>✓ Sabes exactamente qué hacer cada día</li>

                <li>✓ Autonomía real sin depender de nadie</li>

                <li>✓ Familia emocionalmente preparada</li>

                <li>✓ Decisiones claras en cada fase</li>

                <li>✓ Tranquilidad permanente</li>

            </ul>

        </div>

       

        <div class="exercise">

            <p><em>"La diferencia entre pánico y control<br>

            no es la cantidad de recursos que tienes.</em></p>

            <p><em>Es tener un sistema que funciona<br>

            cuando la crisis NO termina rápido."</em></p>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <div class="chapter-number">Parte I</div>

            <h2>SISTEMA TEMPORAL</h2>

            <h3>De la Emergencia a la Autonomía Total</h3>

           

            <h3>CAPÍTULO 1.1: LA LÍNEA DE TIEMPO REAL</h3>

           

            <p>La mayoría de guías te preparan para el primer día.</p>

            <p><strong>Pero las crisis REALES no funcionan así.</strong></p>

           

            <div class="info-box">

                <p>Línea de tiempo basada en:</p>

                <ul style="margin: 8px 0; padding-left: 20px;">

                    <li>Venezuela 2019 (apagón 7 días)</li>

                    <li>Ucrania 2022 (evacuaciones prolongadas)</li>

                    <li>Texas 2021 (tormenta invernal)</li>

                    <li>Análisis 20+ crisis (2014-2024)</li>

                </ul>

            </div>

           

            <h4>⏱️ PRIMEROS 10 MINUTOS</h4>

           

            <p><strong>Qué pasa:</strong></p>

            <ul>

                <li>Adrenalina dispara</li>

                <li>Cerebro en modo amenaza</li>

                <li>Decisiones críticas AHORA</li>

            </ul>

           

            <div class="protocol">

                <p><strong>Con Plan 24H:</strong><br>

                ✓ Protocolo activado<br>

                ✓ Familia reunida 10 minutos<br>

                ✓ Control inmediato</p>

               

                <p><strong>Sin plan:</strong><br>

                ✗ 30+ minutos pánico<br>

                ✗ Familia dispersa<br>

                ✗ Decisiones erradas</p>

            </div>

           

            <h4>⏱️ PRIMERAS 24 HORAS</h4>

           

            <p><strong>Qué pasa:</strong></p>

            <ul>

                <li>Adrenalina todavía alta</li>

                <li>Sensación falsa: "lo tenemos controlado"</li>

                <li>Consumo acelerado recursos (error común)</li>

            </ul>

           

            <div class="warning">

                <p><strong>⚠️ ERROR FATAL:</strong></p>

                <p>Gastar toda energía primer día pensando "mañana vuelve normalidad".</p>

            </div>

           

            <p><strong>Con Plan 24H:</strong><br>

            ✓ Recursos básicos cubiertos<br>

            ✓ Zona segura activada<br>

            ✓ Familia comunicada y organizada</p>

           

            <h4>⚠️ 24-72 HORAS — MARCO CRÍTICO</h4>

           

            <p><strong>Por qué 72 horas es EL momento más peligroso:</strong></p>

           

            <ol>

                <li><strong>Ayuda externa NO ha llegado</strong><br>

                Promedio: ayuda tarda 72h a 7 días</li>

               

                <li><strong>Recursos básicos empiezan a acabarse</strong><br>

                Agua almacenada bajando<br>

                Comida fresca terminada<br>

                Higiene comprometida</li>

               

                <li><strong>Adrenalina inicial baja</strong><br>

                Cansancio real aparece<br>

                Cuerpo pide descanso imposible</li>

               

                <li><strong>Moral familiar cae</strong><br>

                "¿Cuánto más va a durar?"<br>

                Niños preguntan constantemente<br>

                Adultos sin respuestas claras</li>

               

                <li><strong>Decisión crítica se toma aquí</strong><br>

                ¿Quedarse o evacuar?<br>

                ¿Esperar o actuar?<br>

                ¿Confiar en autoridades?</li>

            </ol>

           

            <div class="warning">

                <p><strong>📊 ESTADÍSTICA BRUTAL:</strong></p>

                <p>→ <strong>70% familias sin preparación prolongada colapsan en 72 horas</strong></p>

                <p>Colapso = Pánico sustituye claridad<br>

                Colapso = Peleas familiares<br>

                Colapso = Decisiones desesperadas<br>

                Colapso = Separación en caos</p>

            </div>

           

            <p><strong>Con Sistema Completo:</strong></p>

            <ul>

                <li>✓ Recursos calculados 14 días</li>

                <li>✓ Protocolo día-a-día establecido</li>

                <li>✓ Moral familiar mantenida</li>

                <li>✓ Decisiones racionales</li>

                <li>✓ Cero dependencia externa</li>

            </ul>

           

            <h4>📅 DÍA 3-7 — AUTONOMÍA O DESESPERO</h4>

           

            <p><strong>Familias SIN sistema:</strong></p>

            <ul>

                <li>Recursos críticos acabándose</li>

                <li>Desesperación aumenta cada hora</li>

                <li>Improvisación peligrosa</li>

                <li>Dependencia total:

                    <ul>

                        <li>Vecinos (pueden no ayudar)</li>

                        <li>Gobierno (puede no llegar)</li>

                        <li>Suerte (no es estrategia)</li>

                    </ul>

                </li>

            </ul>

           

            <p><strong>Familias CON sistema:</strong></p>

            <ul>

                <li>Nueva rutina establecida desde Día 1</li>

                <li>Recursos gestionados estratégicamente</li>

                <li>Familia emocionalmente estable</li>

                <li><strong>Autonomía real</strong></li>

            </ul>

           

            <div class="info-box">

                <p><strong>Diferencia crítica:</strong></p>

                <p>No es solo tener recursos.<br>

                Es tener <strong>protocolo día-a-día</strong>.</p>

            </div>

           

            <h4>📅 DÍA 7-14 — NUEVA NORMALIDAD</h4>

           

            <p><strong>Qué pasa:</strong></p>

            <ul>

                <li>Situación todavía crítica PERO</li>

                <li>Familia completamente adaptada</li>

                <li>Rutinas sólidas establecidas</li>

                <li>Esperanza realista (no desesperación)</li>

            </ul>

           

            <p><strong>Preparación para:</strong></p>

            <ul>

                <li>Salida gradual (si mejora)</li>

                <li>Prolongación (si continúa)</li>

            </ul>

           

            <div class="warning">

                <p><strong>Si llegaste aquí con:</strong></p>

                <p>✓ Claridad mental<br>

                ✓ Recursos gestionados<br>

                ✓ Familia unida</p>

                <p><strong>= GANASTE</strong></p>

                <p>95% personas NO llegan aquí con control.</p>

            </div>

        </div>

       

        <div class="chapter">

            <h3>CAPÍTULO 1.2: LOS 3 MARCOS FATALES</h3>

           

            <p>Las 3 ventanas críticas donde mayoría falla.</p>

            <p>Incluso con Plan 24H.</p>

           

            <h4>⚠️ MARCO FATAL #1: 72 HORAS</h4>

           

            <p><strong>Por qué este momento mata preparación:</strong></p>

           

            <p><strong>Decisión crítica aquí:</strong></p>

            <ul>

                <li>¿Seguir esperando que mejore?</li>

                <li>¿Evacuar AHORA antes que sea tarde?</li>

                <li>¿Salir a buscar recursos (riesgoso)?</li>

                <li>¿Confiar en lo que dice gobierno?</li>

            </ul>

           

            <div class="protocol">

                <p><strong>Sin sistema:</strong> Decisión en pánico</p>

                <p><strong>Con sistema:</strong> Decisión racional basada en protocolo</p>

            </div>

           

            <p><strong>Con Sistema Completo:</strong></p>

            <ul>

                <li>✓ Recursos calculados hasta Día 14 (sin estrés)</li>

                <li>✓ Protocolo claro: "Si pasa X, hago Y"</li>

                <li>✓ Decisiones con cabeza fría</li>

                <li>✓ Cero improvisación peligrosa</li>

            </ul>

           

            <h4>⚠️ MARCO FATAL #2: DÍA 5</h4>

           

            <p><strong>Cuando la moral familiar colapsa</strong></p>

           

            <p><strong>Por qué pasa:</strong></p>

            <ol>

                <li>Rutina normal completamente destruida</li>

                <li>Sin entretenimiento habitual</li>

                <li>Sin privacidad (todos juntos 24/7)</li>

                <li>Sin esperanza clara cuándo termina</li>

                <li>Cansancio acumulado sin descanso real</li>

            </ol>

           

            <div class="warning">

                <p><strong>📊 ESTADÍSTICA:</strong></p>

                <p><strong>70% familias colapsan emocionalmente Día 5.</strong></p>

                <p>Colapso = fin preparación efectiva.</p>

            </div>

           

            <p><strong>Con Sistema Completo:</strong></p>

            <ul>

                <li>✓ Rutinas establecidas desde Día 1 (ancla mental)</li>

                <li>✓ Entretenimiento planificado</li>

                <li>✓ Técnicas moral familiar</li>

                <li>✓ Esperanza realista mantenida</li>

                <li>✓ Protocolos anti-colapso emocional</li>

            </ul>

           

            <p><strong>Día 5 es simplemente Día 5.</strong><br>

            No el día donde todo se derrumba.</p>

           

            <h4>⚠️ MARCO FATAL #3: DÍA 10</h4>

           

            <p><strong>Cuando decisiones irreversibles se toman</strong></p>

           

            <p><strong>Ejemplos reales Venezuela 2019:</strong></p>

            <ul>

                <li>❌ Familias abandonan casas con recursos dentro</li>

                <li>❌ Aceptan "ayuda" de desconocidos (riesgo alto)</li>

                <li>❌ Separación familiar en evacuación caótica</li>

                <li>❌ Venta pertenencias valiosas por casi nada</li>

                <li>❌ Decisiones que lamentan después</li>

            </ul>

           

            <div class="info-box">

                <p><strong>Pregunta brutal:</strong></p>

                <p>¿Cuántas decisiones se habrían evitado con preparación 14 días?</p>

                <p><strong>Todas.</strong></p>

            </div>

           

            <p><strong>Con Sistema Completo:</strong></p>

            <ul>

                <li>✓ Día 10 es rutina establecida</li>

                <li>✓ Recursos todavía gestionados</li>

                <li>✓ Decisiones racionales</li>

                <li>✓ Familia unida y funcional</li>

                <li>✓ Autonomía mantenida</li>

            </ul>

        </div>

       

        <div class="chapter">

            <h3>CAPÍTULO 1.3: PROTOCOLO DÍA-A-DÍA</h3>

           

            <p>Sistema que mantiene control Día 1 hasta Día 14.</p>

           

            <div class="warning">

                <p><strong>CONCEPTO CRÍTICO:</strong></p>

                <p>No basta tener recursos.<br>

                Necesitas saber <strong>qué hacer CADA día</strong>.</p>

            </div>

           

            <p>Este protocolo es la diferencia entre:</p>

            <ul>

                <li>Improvisar bajo estrés (fatal)</li>

                <li>Seguir sistema probado (funciona)</li>

            </ul>

           

            <h4>📅 DÍA 1 — ESTABILIZACIÓN</h4>

           

            <p><strong>Objetivo:</strong> Establecer base sólida días siguientes</p>

           

            <div class="protocol">

                <h4>MAÑANA (Primeras 3 horas):</h4>

               

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> <strong>Activar Plan 24H</strong> (ya lo dominas)</label>

                   

                    <label><input type="checkbox"> <strong>Inventario completo recursos:</strong><br>

                    • Agua: ¿cuántos litros exactamente?<br>

                    • Alimentos: ¿cuántos días reales?<br>

                    • Medicamentos: ¿suficientes?<br>

                    • Energía: baterías, gas, etc.</label>

                   

                    <label><input type="checkbox"> <strong>Definir zona segura casa:</strong><br>

                    • Menos ventanas<br>

                    • Acceso baño<br>

                    • Espacio todos dormir<br>

                    • Donde guardar recursos</label>

                   

                    <label><input type="checkbox"> <strong>Reunión familiar (15 minutos):</strong><br>

                    • Explicar situación niños (nivel edad)<br>

                    • Asignar responsabilidades básicas<br>

                    • Establecer reglas temporales<br>

                    • Crear sensación "estamos juntos"</label>

                </div>

            </div>

           

            <div class="protocol">

                <h4>TARDE:</h4>

               

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> <strong>Establecer rutina básica:</strong><br>

                    • Horarios comer (aunque no hambre)<br>

                    • Horarios dormir (CRÍTICO)<br>

                    • Tareas por persona<br>

                    • Tiempo libre estructurado</label>

                   

                    <label><input type="checkbox"> <strong>Preparar entretenimiento</strong></label>

                   

                    <label><input type="checkbox"> <strong>Confirmar comunicación:</strong><br>

                    • Radio funcionando<br>

                    • Contactos vecinos confianza<br>

                    • Sistema señales acordado</label>

                </div>

            </div>

           

            <div class="protocol">

                <h4>NOCHE:</h4>

               

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> <strong>Primera evaluación situación:</strong><br>

                    • ¿Está mejorando o empeorando?<br>

                    • ¿Información oficial confiable?<br>

                    • ¿Qué esperar mañana?</label>

                   

                    <label><input type="checkbox"> <strong>Dormir todos juntos zona segura:</strong><br>

                    • Niños cerca adultos<br>

                    • Turnos vigilancia si necesario<br>

                    • Mismo horario siempre</label>

                </div>

            </div>

           

            <h4>📅 DÍA 2 — CONFIRMACIÓN</h4>

           

            <p><strong>Objetivo:</strong> Confirmar sistema funciona y ajustar</p>

           

            <div class="protocol">

                <h4>MAÑANA:</h4>

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> Despertar <strong>mismo horario</strong> que ayer</label>

                    <label><input type="checkbox"> Higiene básica (IMPORTANTE — mantiene dignidad)</label>

                    <label><input type="checkbox"> Desayuno <strong>juntos</strong> (fortalece unidad)</label>

                    <label><input type="checkbox"> Reunión 5 min: plan del día</label>

                </div>

            </div>

           

            <div class="protocol">

                <h4>TARDE:</h4>

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> <strong>Reabastecer agua si hay oportunidad</strong></label>

                    <label><input type="checkbox"> <strong>Calcular racionamiento</strong> (si crisis se prolonga)</label>

                    <label><input type="checkbox"> <strong>Chequear vecindario:</strong><br>

                    • ¿Qué hacen otros?<br>

                    • ¿Información nueva?<br>

                    • ¿Recursos compartibles?</label>

                    <label><input type="checkbox"> <strong>Actividades estructuradas niños</strong></label>

                </div>

            </div>

           

            <div class="protocol">

                <h4>NOCHE:</h4>

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> <strong>Segunda evaluación:</strong><br>

                    • ¿Situación cambiando?<br>

                    • ¿Recursos suficientes 12 días más?<br>

                    • ¿Familia emocionalmente estable?</label>

                    <label><input type="checkbox"> <strong>Ajustar plan si necesario</strong></label>

                </div>

            </div>

           

            <h4>📅 DÍA 3-5 — MARCO CRÍTICO</h4>

           

            <p><strong>Objetivo:</strong> Mantener moral + gestión estricta</p>

           

            <div class="protocol">

                <h4>RUTINA DIARIA FIJA:</h4>

               

                <p><strong>7:00 — DESPERTAR</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Mismo horario SIEMPRE</li>

                    <li>• No dormir más "porque no hay nada"</li>

                    <li>• Rutina = ancla mental</li>

                </ul>

               

                <p><strong>7:15 — HIGIENE</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Aunque sea básica</li>

                    <li>• Mantiene dignidad</li>

                    <li>• Previene enfermedades</li>

                    <li>• Da sensación normalidad</li>

                </ul>

               

                <p><strong>7:30 — DESAYUNO FAMILIAR</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• JUNTOS (no cada uno solo)</li>

                    <li>• Conversación ligera</li>

                    <li>• Momento conexión</li>

                </ul>

               

                <p><strong>8:00 — REUNIÓN 5 MINUTOS</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Plan del día</li>

                    <li>• Tareas asignadas</li>

                    <li>• Expectativas claras</li>

                </ul>

               

                <p><strong>8:15-12:00 — MAÑANA PRODUCTIVA</strong></p>

                <p><strong>Tareas organizadas:</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Adulto 1: Gestión recursos, cocina</li>

                    <li>• Adulto 2: Orden, limpieza básica</li>

                    <li>• Niños 7+: Tareas simples</li>

                    <li>• Niños pequeños: Actividades supervisadas</li>

                </ul>

                <p><strong>CRÍTICO:</strong> Todos ocupados (mente ociosa = mente ansiosa)</p>

               

                <p><strong>12:00 — ALMUERZO</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Juntos</li>

                    <li>• Ración controlada pero suficiente</li>

                </ul>

               

                <p><strong>13:00-15:00 — TIEMPO LIBRE</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Juegos</li>

                    <li>• Lectura</li>

                    <li>• Dibujo (niños)</li>

                    <li>• Descanso (adultos turnan)</li>

                </ul>

               

                <p><strong>15:00 — EJERCICIO 20 MINUTOS</strong></p>

                <p><strong>MUY IMPORTANTE</strong> (nadie habla de esto)</p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Caminar círculos dentro casa</li>

                    <li>• Estiramientos</li>

                    <li>• Juegos activos niños</li>

                    <li>• Libera endorfinas = mejor humor</li>

                </ul>

               

                <p><strong>16:00 — CHEQUEO RECURSOS</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Agua restante</li>

                    <li>• Comida</li>

                    <li>• Medicamentos</li>

                    <li>• Ajustar si necesario</li>

                </ul>

               

                <p><strong>18:00 — CENA FAMILIAR</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Momento más importante del día</li>

                    <li>• Conversación</li>

                    <li>• Conexión emocional</li>

                </ul>

               

                <p><strong>19:00-20:30 — RELAJACIÓN</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Historias (contar, no leer si no hay luz)</li>

                    <li>• Juegos tranquilos</li>

                    <li>• Música (si hay forma)</li>

                    <li>• Momento paz</li>

                </ul>

               

                <p><strong>20:30 — GRATITUD (3 COSAS)</strong></p>

                <div class="info-box">

                    <p><strong>Técnica poderosa:</strong></p>

                    <p>Cada persona dice 3 cosas buenas del día:</p>

                    <ul style="margin: 8px 0; padding-left: 20px;">

                        <li>"Jugué con papá"</li>

                        <li>"Comimos juntos"</li>

                        <li>"No llovió"</li>

                    </ul>

                    <p>Parece simple.<br>

                    <strong>Cambia TODO.</strong></p>

                    <p>Cerebro enfocado positivo = menos ansiedad.</p>

                </div>

               

                <p><strong>21:00 — DORMIR</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Mismo horario</li>

                    <li>• Todos juntos</li>

                    <li>• Rutina calma antes</li>

                </ul>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">EVALUACIÓN DÍA 5:</div>

                <label><input type="checkbox"> ¿Recursos suficientes 9 días más?</label>

                <label><input type="checkbox"> ¿Situación mejorando o empeorando?</label>

                <label><input type="checkbox"> ¿Familia emocionalmente estable?</label>

                <label><input type="checkbox"> ¿Necesitamos evacuar?</label>

            </div>

           

            <h4>📅 DÍA 6-10 — NUEVA NORMALIDAD</h4>

           

            <p><strong>Objetivo:</strong> Consolidar adaptación</p>

            <p><strong>Rutina ya establecida continúa.</strong></p>

           

            <div class="protocol">

                <h4>Ajustes:</h4>

               

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> <strong>Tareas rotativas</strong> (evitar monotonía)</label>

                   

                    <label><input type="checkbox"> <strong>Pequeños rituales conforto:</strong><br>

                    • "Viernes de juegos"<br>

                    • "Lunes de historias"<br>

                    • Crear tradiciones temporales</label>

                   

                    <label><input type="checkbox"> <strong>Gestión avanzada recursos:</strong><br>

                    • Recalcular stocks cada 2 días<br>

                    • Identificar necesidades críticas<br>

                    • Plan B si falta algo</label>

                   

                    <label><input type="checkbox"> <strong>Moral familiar:</strong><br>

                    • Celebrar pequeñas victorias<br>

                    • Mantener esperanza realista<br>

                    • Planear post-crisis (da ilusión)</label>

                </div>

            </div>

           

            <h4>📅 DÍA 11-14 — AUTONOMÍA CONSOLIDADA</h4>

           

            <p><strong>Objetivo:</strong> Preparar transición</p>

           

            <div class="protocol">

                <p><strong>Si situación MEJORA:</strong></p>

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> Preparar retorno gradual</label>

                    <label><input type="checkbox"> NO volver 100% inmediato (shock)</label>

                    <label><input type="checkbox"> Mantener stocks (puede repetirse)</label>

                    <label><input type="checkbox"> Aprender lecciones</label>

                </div>

            </div>

           

            <div class="protocol">

                <p><strong>Si situación IGUAL/PEOR:</strong></p>

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> Preparar prolongación</label>

                    <label><input type="checkbox"> Reevaluar evacuación</label>

                    <label><input type="checkbox"> Contacto exterior aumenta</label>

                    <label><input type="checkbox"> Ajustar protocolo</label>

                </div>

            </div>

        </div>

       

        <div class="chapter">

            <h3>PRINCIPIOS CLAVE</h3>

           

            <div class="info-box">

                <p><strong>Rutina es supervivencia mental</strong></p>

                <p>En crisis, rutina = estabilidad.<br>

                Estabilidad = supervivencia mental.</p>

            </div>

           

            <div class="info-box">

                <p><strong>Mismo horario mantiene cordura</strong></p>

                <p>Aunque "no haya razón despertar temprano".<br>

                Rutina ancla mente.</p>

            </div>

           

            <div class="info-box">

                <p><strong>Familia junta momentos clave</strong></p>

                <p>Desayuno, almuerzo, cena = conexión.<br>

                Conexión = familia unida.</p>

            </div>

           

            <div class="info-box">

                <p><strong>Gratitud diaria cambia enfoque</strong></p>

                <p>3 cosas buenas antes dormir.<br>

                Cambia enfoque mental.</p>

            </div>

           

            <div class="info-box">

                <p><strong>Ejercicio libera tensión</strong></p>

                <p>20 min/día mínimo.<br>

                Libera tensión, mejora humor.</p>

            </div>

           

            <div class="warning">

                <p><strong>NO NECESITAS HACER TODO HOY</strong></p>

                <p>Este sistema no fue creado ejecutarse inmediato.</p>

                <p>Fue creado para que cuando llegue Día 3 o Día 5<br>

                <strong>no tengas que improvisar.</strong></p>

                <p>Leerlo una vez ya cambia decisiones.<br>

                Implementarlo poco a poco es suficiente.</p>

            </div>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <div class="chapter-number">Parte II</div>

            <h2>PREPARACIÓN FÍSICA</h2>

            <h3>Autonomía Real Sin Depender de Nadie</h3>

           

            <h3>CAPÍTULO 2.1: AGUA PARA 14 DÍAS</h3>

           

            <h4>EL CÁLCULO REAL</h4>

           

            <p><strong>Consumo diario por persona:</strong></p>

            <ul>

                <li>Beber: 2L</li>

                <li>Higiene mínima: 1L</li>

                <li><strong>Subtotal individual: 3L/persona</strong></li>

            </ul>

           

            <p><strong>Consumo diario familia (compartido):</strong></p>

            <ul>

                <li>Cocinar (arroz, pasta, café): 2-3L</li>

            </ul>

           

            <div class="protocol">

                <p><strong>Familia 4 personas:</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• Individual: 3L × 4 = 12L</li>

                    <li>• Cocinar: 3L</li>

                    <li>• <strong>TOTAL: 15L/día</strong></li>

                </ul>

               

                <p><strong>Para 14 días:</strong></p>

                <ul style="list-style: none; padding-left: 0;">

                    <li>• 15L × 14 = <strong>210 litros</strong></li>

                </ul>

            </div>

           

            <h4>"¿210 LITROS? ¿DÓNDE GUARDO ESO?"</h4>

           

            <p><strong>Sistema Garrafones 5L (Recomendado):</strong></p>

            <ul>

                <li>210L ÷ 5L = <strong>42 garrafones</strong></li>

            </ul>

           

            <div class="protocol">

                <h4>DISTRIBUCIÓN INTELIGENTE EN CASA:</h4>

                <ul>

                    <li><strong>Cocina/Despensa:</strong> 12 garrafones (fácil acceso)</li>

                    <li><strong>Debajo camas:</strong> 10 garrafones (uso oculto)</li>

                    <li><strong>Armario ropa blanca:</strong> 8 garrafones</li>

                    <li><strong>Garaje/área servicio:</strong> 8 garrafones</li>

                    <li><strong>Baño principal:</strong> 4 garrafones (higiene)</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>CRÍTICO:</strong></p>

                <p>NO guardar todo en un lugar.</p>

                <p>Si esa área se compromete (inundación, robo, caída)<br>

                pierdes todo.</p>

            </div>

           

            <h4>ALTERNATIVA: TANQUE + GARRAFONES</h4>

           

            <p><strong>Tanque 200L</strong> (patio/azotea)<br>

            <strong>+ 15 garrafones 5L</strong> (dentro casa)</p>

           

            <p><strong>Ventajas:</strong></p>

            <ul>

                <li>Más capacidad</li>

                <li>Menos espacio visual</li>

            </ul>

           

            <p><strong>Desventaja:</strong></p>

            <ul>

                <li>Tanque difícil evacuar</li>

            </ul>

           

            <div class="info-box">

                <p><strong>Recomendación:</strong></p>

                <p>Si tienes espacio exterior seguro, tanque es bueno.<br>

                PERO siempre tener garrafones portátiles dentro.</p>

            </div>

           

            <h4>⚠️ ERRORES FATALES ALMACENAMIENTO</h4>

           

            <div class="protocol">

                <p><strong>❌ ERROR #1: Todo en un lugar</strong></p>

                <p>Riesgo concentrado</p>

                <p><strong>✓ CORRECTO:</strong> Distribuir 3-4 ubicaciones</p>

            </div>

           

            <div class="protocol">

                <p><strong>❌ ERROR #2: Luz solar directa</strong></p>

                <p>Agua contamina, plástico libera químicos</p>

                <p><strong>✓ CORRECTO:</strong> Lugares frescos, oscuros</p>

            </div>

           

            <div class="protocol">

                <p><strong>❌ ERROR #3: No rotar</strong></p>

                <p>Agua vieja puede contaminar</p>

                <p><strong>✓ CORRECTO:</strong></p>

                <ul>

                    <li>Escribir FECHA cada garrafón</li>

                    <li>Usar y reponer cada 6 meses</li>

                    <li>Método FIFO (First In, First Out)</li>

                </ul>

            </div>

           

            <div class="protocol">

                <p><strong>❌ ERROR #4: Confiar 100% almacenado</strong></p>

                <p>¿Qué pasa si crisis dura 20 días?</p>

                <p><strong>✓ CORRECTO:</strong> Tener sistema purificación</p>

            </div>

           

            <h4>PURIFICACIÓN: CUANDO AGUA SE ACABA</h4>

           

            <p><strong>3 Métodos en orden efectividad:</strong></p>

           

            <div class="protocol">

                <h4>MÉTODO 1: HERVIR (99.9% efectivo)</h4>

               

                <p><strong>Protocolo:</strong></p>

                <ol>

                    <li>Filtrar agua turbia (tela limpia, filtro café)</li>

                    <li>Hervir <strong>10 minutos</strong> (tiempo completo)</li>

                    <li>Dejar enfriar</li>

                    <li>Guardar recipiente limpio tapado</li>

                </ol>

               

                <p><strong>Sin gas ni electricidad:</strong></p>

               

                <p><strong>Opción A: Fogón portátil</strong></p>

                <ul>

                    <li>Gas butano/propano</li>

                    <li>Tener 2-3 bombonas pequeñas</li>

                </ul>

               

                <p><strong>Opción B: Leña</strong> (si disponible y seguro)</p>

                <ul>

                    <li>Parrilla improvisada</li>

                    <li>Ventilación adecuada</li>

                    <li><strong>NUNCA dentro casa</strong> (monóxido carbono mata)</li>

                </ul>

               

                <p><strong>Opción C: Alcohol gel + lata</strong> (emergencia extrema)</p>

                <ul>

                    <li>Lata atún vacía con alcohol gel</li>

                    <li>Funciona pero lento</li>

                </ul>

               

                <p><strong>Ventajas:</strong> Mata 99.9% patógenos<br>

                <strong>Desventajas:</strong> Gasta energía, tiempo</p>

            </div>

           

            <div class="protocol">

                <h4>MÉTODO 2: CLORO/PASTILLAS</h4>

               

                <p><strong>Cloro líquido (hipoclorito sodio 5%):</strong></p>

                <ul>

                    <li>2 gotas por litro</li>

                    <li>Mezclar bien</li>

                    <li>Esperar 30 minutos</li>

                    <li>Listo para beber</li>

                </ul>

               

                <p><strong>Pastillas purificadoras:</strong></p>

                <ul>

                    <li>1 pastilla por litro</li>

                    <li>Seguir instrucciones paquete</li>

                    <li>Esperar tiempo indicado</li>

                </ul>

               

                <p><strong>Dónde conseguir:</strong></p>

                <ul>

                    <li>Farmacias (cloro uso doméstico)</li>

                    <li>Tiendas camping/outdoor</li>

                    <li>Online</li>

                </ul>

               

                <p><strong>Almacenar:</strong></p>

                <ul>

                    <li>200ml cloro líquido = ~400L agua purificada</li>

                    <li>50 pastillas = 50L</li>

                </ul>

               

                <p><strong>Ventajas:</strong> Rápido, portátil, económico<br>

                <strong>Desventajas:</strong> Sabor químico (tolerable)</p>

            </div>

           

            <div class="protocol">

                <h4>MÉTODO 3: FILTRO PORTÁTIL</h4>

               

                <p><strong>Tipos recomendados:</strong></p>

                <ul>

                    <li>LifeStraw</li>

                    <li>Sawyer Mini</li>

                    <li>Katadyn</li>

                </ul>

               

                <p><strong>Funcionamiento:</strong></p>

                <ul>

                    <li>Filtros mecánicos + carbón activado</li>

                    <li>Elimina bacterias, parásitos</li>

                    <li>Vida útil: 1000-4000 litros</li>

                </ul>

               

                <p><strong>Recomendación:</strong> 2 filtros por familia</p>

               

                <p><strong>Ventajas:</strong> Portátil, sin químicos, reutilizable<br>

                <strong>Desventajas:</strong> Vida útil limitada</p>

            </div>

           

            <h4>CONSERVACIÓN: CUANDO 210L NO ES SUFICIENTE</h4>

           

            <p><strong>Escenario:</strong> Crisis dura más 14 días Y no hay reposición.</p>

            <p><strong>Protocolo racionamiento:</strong></p>

           

            <div class="protocol">

                <h4>FASE 1: RACIONAMIENTO PREVENTIVO (Día 8-10)</h4>

               

                <p><strong>Señal activación:</strong></p>

                <p>Situación no mejora Y agua bajando 100L</p>

               

                <p><strong>Nuevo consumo:</strong></p>

                <ul>

                    <li>Beber: 2L (NO reducir)</li>

                    <li>Higiene: 0.5L (reducir)</li>

                    <li>Cocinar: 2L (optimizar)</li>

                    <li><strong>Total: 13L/día familia 4</strong></li>

                </ul>

               

                <p><strong>Esto extiende agua ~16 días</strong></p>

               

                <p><strong>Cómo reducir higiene sin comprometer salud:</strong></p>

                <ul>

                    <li>Toallitas húmedas lugar ducha</li>

                    <li>Gel antibacteriano manos</li>

                    <li>Lavado cabeza cada 3 días</li>

                    <li>Ropa interior cambiar, exterior 2-3 días</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>FASE 2: RACIONAMIENTO CRÍTICO (Día 12+)</h4>

               

                <p><strong>Solo si:</strong></p>

                <ul>

                    <li>Situación empeorando</li>

                    <li>Sin opción reabastecimiento</li>

                    <li>Evacuación no viable</li>

                </ul>

               

                <p><strong>Consumo mínimo supervivencia:</strong></p>

                <ul>

                    <li>Beber: 2L (NUNCA reducir más)</li>

                    <li>Higiene: 0.2L (solo manos/cara)</li>

                    <li>Cocinar: 1L (comida fría aumenta)</li>

                    <li><strong>Total: 11L/día familia 4</strong></li>

                </ul>

               

                <p><strong>Esto extiende ~19 días</strong></p>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ ADVERTENCIA:</strong></p>

                <p>Menos 2L bebida/día adulto = riesgo deshidratación.</p>

               

                <p><strong>Síntomas:</strong></p>

                <ul>

                    <li>Mareos</li>

                    <li>Dolor cabeza</li>

                    <li>Orina oscura</li>

                    <li>Fatiga extrema</li>

                </ul>

               

                <p><strong>Si ves síntomas → aumentar agua inmediatamente</strong></p>

            </div>

           

            <h4>CAPTACIÓN AGUA LLUVIA (BONUS)</h4>

           

            <p><strong>Si llueve durante crisis:</strong></p>

           

            <div class="protocol">

                <p><strong>Sistema simple:</strong></p>

                <ol>

                    <li>Lona limpia (2x2m) techo/patio</li>

                    <li>Canal improvisado hacia balde limpio</li>

                    <li>Filtrar con tela</li>

                    <li><strong>PURIFICAR SIEMPRE</strong> (hervir o cloro)</li>

                </ol>

               

                <p><strong>Rendimiento aproximado:</strong></p>

                <ul>

                    <li>Lluvia ligera 1h = 10-20L</li>

                    <li>Lluvia fuerte 1h = 50-100L</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>CRÍTICO:</strong></p>

                <p>NUNCA beber agua lluvia sin purificar.<br>

                Contiene contaminantes atmosféricos.</p>

            </div>

        </div>

       

        <a href="#sistema-completo" class="cta">CONTINUAR LECTURA →</a>

       

        <div class="chapter">

            <h3>CAPÍTULO 2.2: ALIMENTOS — SISTEMA 14/7</h3>

           

            <h4>¿QUÉ ES SISTEMA 14/7?</h4>

           

            <p><strong>14 días agua<br>

            7 días comida sólida (mínimo)</strong></p>

           

            <div class="info-box">

                <p><strong>¿Por qué no 14 días comida también?</strong></p>

                <p>Porque puedes sobrevivir:</p>

                <ul style="margin: 8px 0; padding-left: 20px;">

                    <li>3 días sin agua (fatal)</li>

                    <li>21+ días sin comida (no ideal, pero posible)</li>

                </ul>

               

                <p><strong>Estrategia inteligente:</strong></p>

                <p>Priorizar agua (crítico).<br>

                Comida 7 días mínimo + racionamiento = 14 días reales.</p>

            </div>

           

            <h4>CÁLCULO CALÓRICO REAL</h4>

           

            <p><strong>Necesidades diarias:</strong></p>

            <ul>

                <li>Adulto sedentario: 1800-2000 kcal</li>

                <li>Adulto activo: 2200-2500 kcal</li>

                <li>Adolescente: 2000-2200 kcal</li>

                <li>Niño 7-12: 1500-1800 kcal</li>

                <li>Niño 3-6: 1200-1400 kcal</li>

            </ul>

           

            <div class="protocol">

                <p><strong>Familia ejemplo (4 personas):</strong></p>

                <ul>

                    <li>2 adultos: 2000 kcal × 2 = 4000 kcal</li>

                    <li>1 adolescente: 2000 kcal</li>

                    <li>1 niño: 1500 kcal</li>

                    <li><strong>TOTAL: 7500 kcal/día</strong></li>

                </ul>

               

                <p><strong>Para 7 días:</strong></p>

                <ul>

                    <li>7500 × 7 = <strong>52,500 kcal totales</strong></li>

                </ul>

               

                <p><strong>Con racionamiento 75% (Día 4-7):</strong></p>

                <ul>

                    <li>Días 1-3: 100% = 22,500 kcal</li>

                    <li>Días 4-7: 75% = 22,500 kcal</li>

                    <li><strong>Total: 45,000 kcal</strong> (suficiente)</li>

                </ul>

            </div>

           

            <h4>LISTA COMPLETA ALIMENTOS 7 DÍAS</h4>

           

            <p><em>(Familia 4: 2 adultos, 1 adolescente, 1 niño)</em></p>

           

            <div class="protocol">

                <h4>CARBOHIDRATOS (BASE)</h4>

               

                <p><strong>Arroz blanco:</strong></p>

                <ul>

                    <li>Cantidad: 5kg</li>

                    <li>Kcal: ~18,000</li>

                    <li>Preparación: hervir agua (20 min)</li>

                    <li>Ventaja: larga vida, fácil digestión</li>

                </ul>

               

                <p><strong>Pasta:</strong></p>

                <ul>

                    <li>Cantidad: 3kg</li>

                    <li>Kcal: ~10,500</li>

                    <li>Preparación: hervir (10-12 min)</li>

                </ul>

               

                <p><strong>Avena:</strong></p>

                <ul>

                    <li>Cantidad: 1kg</li>

                    <li>Kcal: ~3,800</li>

                    <li>Preparación: agua caliente (fría funciona)</li>

                </ul>

               

                <p><strong>Galletas/Crackers:</strong></p>

                <ul>

                    <li>Cantidad: 2kg</li>

                    <li>Kcal: ~9,000</li>

                    <li>Ventaja: NO requiere preparación</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>PROTEÍNAS</h4>

               

                <p><strong>Atún enlatado:</strong></p>

                <ul>

                    <li>Cantidad: 15 latas (170g cada)</li>

                    <li>Kcal: ~3,000</li>

                    <li>Ventaja: listo comer, larga vida</li>

                </ul>

               

                <p><strong>Frijoles/Lentejas enlatados:</strong></p>

                <ul>

                    <li>Cantidad: 10 latas (400g cada)</li>

                    <li>Kcal: ~4,000</li>

                    <li>Preparación: calentar o comer frío</li>

                </ul>

               

                <p><strong>Leche en polvo:</strong></p>

                <ul>

                    <li>Cantidad: 1kg</li>

                    <li>Kcal: ~5,000</li>

                    <li>Preparación: mezclar agua</li>

                </ul>

               

                <p><strong>Mantequilla maní:</strong></p>

                <ul>

                    <li>Cantidad: 1kg</li>

                    <li>Kcal: ~6,000</li>

                    <li>Ventaja: alta energía, no preparación</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>GRASAS (ALTA ENERGÍA)</h4>

               

                <p><strong>Aceite vegetal/oliva:</strong></p>

                <ul>

                    <li>Cantidad: 1L</li>

                    <li>Kcal: ~8,000</li>

                    <li>Uso: cocinar, calorías extra</li>

                </ul>

               

                <p><strong>Frutos secos:</strong></p>

                <ul>

                    <li>Cantidad: 1kg</li>

                    <li>Kcal: ~6,000</li>

                    <li>Ventaja: portátil, alta energía</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>AZÚCARES</h4>

               

                <p><strong>Azúcar:</strong></p>

                <ul>

                    <li>Cantidad: 1kg</li>

                    <li>Kcal: ~4,000</li>

                    <li>Uso: café, té, energía rápida</li>

                </ul>

               

                <p><strong>Miel:</strong></p>

                <ul>

                    <li>Cantidad: 500g</li>

                    <li>Kcal: ~1,500</li>

                    <li>Ventaja: nunca se echa perder</li>

                </ul>

               

                <p><strong>Barras energéticas:</strong></p>

                <ul>

                    <li>Cantidad: 20 unidades</li>

                    <li>Kcal: ~4,000</li>

                    <li>Ventaja: portátil, listo comer</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>COMPLEMENTOS</h4>

               

                <p><strong>Sal:</strong></p>

                <ul>

                    <li>Cantidad: 500g</li>

                    <li>Uso: sabor, electrolitos</li>

                </ul>

               

                <p><strong>Café/Té:</strong></p>

                <ul>

                    <li>Cantidad: 200g cada</li>

                    <li>Uso: moral (importante), estimulante</li>

                </ul>

               

                <p><strong>Caldos en cubo:</strong></p>

                <ul>

                    <li>Cantidad: 20 cubos</li>

                    <li>Uso: sabor, sopas rápidas</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>📊 TOTAL ESTIMADO</strong></p>

                <p><strong>Calorías totales: ~82,000 kcal</strong></p>

               

                <p>Para familia 4:</p>

                <ul>

                    <li>7 días completos: 52,500 kcal ✓</li>

                    <li>Margen seguridad: 29,500 kcal ✓</li>

                </ul>

               

                <p><strong>Con racionamiento: 10-12 días reales</strong></p>

            </div>

        </div>

       

        <div class="footer">

            <p>"Preparación no es sobre viver con miedo.<br>Es sobre viver con tranquilidad."</p>

            <p style="margin-top: 20px;">Ahora ve. Implementa. Protege a quienes amas.</p>

        </div>

       

    </div>

   

    <script>

        // Progress Bar

        window.addEventListener('scroll', () => {

            const winScroll = document.documentElement.scrollTop;

            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;

            const scrolled = (winScroll / height) * 100;

            document.getElementById('progressBar').style.width = scrolled + '%';

        });

       

        // Checkbox persistence

        document.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {

            checkbox.addEventListener('change', (e) => {

                console.log('Checkbox changed:', e.target.checked);

            });

        });

    </script>

</body>

</html>

<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>CUANDO LA CRISIS NO TERMINA EN 24 HORAS</title>

    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }

       

        body {

            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

            background: #0a0e27;

            color: #e8eaf6;

            line-height: 1.65;

            -webkit-font-smoothing: antialiased;

        }

       

        /* Hero Section */

        .hero {

            background: linear-gradient(135deg, #1a4d7a 0%, #0a0e27 100%);

            padding: 50px 20px 35px;

            text-align: center;

            position: sticky;

            top: 0;

            z-index: 10;

            border-bottom: 2px solid rgba(255, 111, 0, 0.3);

        }

       

        .hero h1 {

            font-size: clamp(24px, 7vw, 38px);

            font-weight: 700;

            margin-bottom: 12px;

            line-height: 1.2;

            letter-spacing: -0.5px;

        }

       

        .hero .subtitle {

            font-size: clamp(14px, 3.5vw, 17px);

            opacity: 0.85;

            max-width: 500px;

            margin: 0 auto;

        }

       

        /* Container */

        .container {

            max-width: 720px;

            margin: 0 auto;

            padding: 0 18px 40px;

        }

       

        /* Intro Box */

        .intro-box {

            background: rgba(255, 111, 0, 0.08);

            border: 2px solid #ff6f00;

            border-radius: 12px;

            padding: 20px;

            margin: 25px 0;

        }

       

        .intro-box h2 {

            font-size: clamp(20px, 5vw, 26px);

            margin-bottom: 15px;

            color: #ff6f00;

        }

       

        .intro-box p {

            font-size: clamp(15px, 3.8vw, 17px);

            line-height: 1.7;

            margin-bottom: 12px;

        }

       

        /* Chapter */

        .chapter {

            background: rgba(26, 77, 122, 0.08);

            border-left: 4px solid #ff6f00;

            padding: 22px 18px;

            margin: 30px 0;

            border-radius: 8px;

        }

       

        .chapter-number {

            font-size: clamp(12px, 3vw, 14px);

            color: #ff6f00;

            font-weight: 600;

            text-transform: uppercase;

            letter-spacing: 1px;

            margin-bottom: 8px;

        }

       

        .chapter h2 {

            font-size: clamp(22px, 5.5vw, 28px);

            margin-bottom: 18px;

            color: #fff;

            line-height: 1.25;

        }

       

        .chapter h3 {

            font-size: clamp(18px, 4.5vw, 22px);

            margin: 25px 0 12px;

            color: #4fc3f7;

            line-height: 1.3;

        }

       

        .chapter h4 {

            font-size: clamp(16px, 4vw, 19px);

            margin: 20px 0 10px;

            color: #4fc3f7;

            line-height: 1.3;

        }

       

        .chapter p {

            font-size: clamp(15px, 3.8vw, 17px);

            margin-bottom: 14px;

            line-height: 1.75;

            color: rgba(232, 234, 246, 0.95);

        }

       

        .chapter strong {

            color: #fff;

            font-weight: 600;

        }

       

        .chapter ul, .chapter ol {

            padding-left: 20px;

            margin: 14px 0;

        }

       

        .chapter li {

            font-size: clamp(15px, 3.8vw, 17px);

            margin: 8px 0;

            line-height: 1.7;

        }

       

        /* Protocol Box */

        .protocol {

            background: rgba(79, 195, 247, 0.08);

            border: 1px solid rgba(79, 195, 247, 0.3);

            border-radius: 8px;

            padding: 18px;

            margin: 20px 0;

        }

       

        .protocol h4 {

            font-size: clamp(16px, 4vw, 19px);

            color: #4fc3f7;

            margin-bottom: 12px;

            font-weight: 600;

        }

       

        .protocol ol {

            padding-left: 20px;

            margin: 10px 0;

        }

       

        .protocol li {

            font-size: clamp(14px, 3.5vw, 16px);

            margin: 8px 0;

            line-height: 1.6;

        }

       

        /* Checklist */

        .checklist {

            background: rgba(255, 255, 255, 0.03);

            border-radius: 8px;

            padding: 16px;

            margin: 18px 0;

        }

       

        .checklist-title {

            font-size: clamp(15px, 4vw, 18px);

            color: #ff6f00;

            margin-bottom: 12px;

            font-weight: 600;

        }

       

        .checklist label {

            display: flex;

            align-items: flex-start;

            padding: 10px 0;

            font-size: clamp(14px, 3.5vw, 16px);

            line-height: 1.5;

            cursor: pointer;

            transition: opacity 0.2s;

        }

       

        .checklist input[type="checkbox"] {

            margin-right: 10px;

            margin-top: 3px;

            flex-shrink: 0;

        }

       

        .checklist label:active {

            opacity: 0.7;

        }

       

        /* Warning Box */

        .warning {

            background: rgba(255, 111, 0, 0.12);

            border: 2px solid #ff6f00;

            border-radius: 8px;

            padding: 16px;

            margin: 20px 0;

        }

       

        .warning p {

            font-size: clamp(14px, 3.5vw, 16px);

            margin-bottom: 10px;

            line-height: 1.6;

        }

       

        .warning p:last-child {

            margin-bottom: 0;

        }

       

        .warning ul {

            margin: 10px 0;

            padding-left: 20px;

        }

       

        .warning li {

            font-size: clamp(14px, 3.5vw, 16px);

            margin: 6px 0;

        }

       

        /* Info Box */

        .info-box {

            background: rgba(79, 195, 247, 0.08);

            border-left: 3px solid #4fc3f7;

            padding: 14px;

            margin: 16px 0;

            border-radius: 4px;

        }

       

        .info-box p {

            font-size: clamp(14px, 3.5vw, 16px);

            margin-bottom: 8px;

            line-height: 1.6;

        }

       

        .info-box p:last-child {

            margin-bottom: 0;

        }

       

        .info-box ul {

            margin: 8px 0;

            padding-left: 20px;

        }

       

        .info-box li {

            font-size: clamp(14px, 3.5vw, 16px);

            margin: 4px 0;

        }

       

        /* Exercise Box */

        .exercise {

            background: linear-gradient(135deg, rgba(255, 111, 0, 0.15), rgba(255, 111, 0, 0.05));

            border: 2px dashed #ff6f00;

            border-radius: 10px;

            padding: 20px;

            margin: 25px 0;

            text-align: center;

        }

       

        .exercise h3 {

            font-size: clamp(18px, 4.5vw, 22px);

            color: #ff6f00;

            margin-bottom: 12px;

        }

       

        .exercise p {

            font-size: clamp(14px, 3.5vw, 16px);

            line-height: 1.6;

            margin-bottom: 8px;

        }

       

        .exercise p:last-child {

            margin-bottom: 0;

        }

       

        /* Table */

        table {

            width: 100%;

            border-collapse: collapse;

            margin: 20px 0;

            font-size: clamp(13px, 3.2vw, 15px);

            background: rgba(255, 255, 255, 0.03);

            border-radius: 8px;

            overflow: hidden;

        }

       

        th, td {

            padding: 12px 10px;

            text-align: left;

            border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        }

       

        th {

            background: rgba(26, 77, 122, 0.3);

            font-weight: 600;

            color: #4fc3f7;

        }

       

        /* Separator */

        .separator {

            height: 2px;

            background: linear-gradient(90deg, transparent, #ff6f00, transparent);

            margin: 40px 0;

        }

       

        /* Footer */

        .footer {

            text-align: center;

            padding: 40px 20px 60px;

            opacity: 0.6;

            font-size: clamp(13px, 3.2vw, 15px);

        }

       

        /* Progress Bar */

        .progress-bar {

            position: fixed;

            top: 0;

            left: 0;

            width: 0%;

            height: 3px;

            background: linear-gradient(90deg, #ff6f00, #4fc3f7);

            z-index: 100;

            transition: width 0.1s;

        }

       

        /* Mobile Optimizations */

        @media (max-width: 480px) {

            .hero {

                padding: 35px 15px 25px;

            }

           

            .container {

                padding: 0 15px 30px;

            }

           

            .chapter {

                padding: 18px 15px;

            }

           

            .intro-box,

            .exercise {

                padding: 16px;

            }

        }

    </style>

</head>

<body>

    <div class="progress-bar" id="progressBar"></div>

   

    <div class="hero">

        <h1>CUANDO LA CRISIS NO TERMINA EN 24 HORAS</h1>

        <p class="subtitle">Sistema de Autonomía Familiar para 7–14 Días</p>

    </div>

   

    <div class="container">

       

        <!-- CONTINUAÇÃO DO CONTEÚDO ANTERIOR -->

       

        <div class="chapter">

            <h4>ALMACENAMIENTO INTELIGENTE</h4>

           

            <p><strong>Dónde guardar:</strong></p>

           

            <div class="protocol">

                <p><strong>Despensa/Cocina:</strong></p>

                <ul>

                    <li>Alimentos uso diario</li>

                    <li>Fácil acceso</li>

                    <li>Temperatura estable</li>

                </ul>

               

                <p><strong>Armario secundario:</strong></p>

                <ul>

                    <li>Reserva (duplicados)</li>

                    <li>Sellados bolsas plástico</li>

                </ul>

               

                <p><strong>Bajo cama/Closet:</strong></p>

                <ul>

                    <li>Barras, galletas (portátiles)</li>

                    <li>Latas extra</li>

                </ul>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">Organización:</div>

                <label><input type="checkbox"> Agrupar por tipo</label>

                <label><input type="checkbox"> Etiquetar fecha compra</label>

                <label><input type="checkbox"> FIFO (usar viejos primero)</label>

                <label><input type="checkbox"> Revisar cada 3 meses</label>

            </div>

           

            <h4>PREPARACIÓN SIN ELECTRICIDAD/GAS</h4>

           

            <p><strong>Escenario: Día 4 sin luz ni gas</strong></p>

            <p><strong>Opciones cocinar:</strong></p>

           

            <div class="protocol">

                <h4>OPCIÓN 1: Fogón portátil (gas)</h4>

                <p>Ya tienes para agua.<br>

                Mismo para comida.</p>

                <p>Arroz, pasta, calentar latas.</p>

            </div>

           

            <div class="protocol">

                <h4>OPCIÓN 2: Comida fría</h4>

               

                <p><strong>Alimentos NO necesitan cocción:</strong></p>

                <ul>

                    <li>Atún, frijoles (latas frías)</li>

                    <li>Galletas, barras</li>

                    <li>Frutos secos</li>

                    <li>Pan (si todavía fresco)</li>

                    <li>Mantequilla maní</li>

                </ul>

               

                <p><strong>Menú día completo SIN cocinar:</strong></p>

                <ul>

                    <li><strong>Desayuno:</strong> Galletas + mantequilla maní + café frío</li>

                    <li><strong>Almuerzo:</strong> Atún + galletas + frutos secos</li>

                    <li><strong>Cena:</strong> Frijoles lata + galletas + barra energética</li>

                </ul>

               

                <p><strong>Calorías:</strong> ~1800/adulto (suficiente supervivencia)</p>

            </div>

           

            <div class="protocol">

                <h4>OPCIÓN 3: Alcohol gel + lata</h4>

               

                <p><strong>Emergencia extrema:</strong></p>

                <p>Lata atún vacía + alcohol gel = fogón improvisado<br>

                Calienta pequeñas porciones</p>

               

                <p><strong>Solo si:</strong> Sin gas, sin leña, sin otras opciones</p>

            </div>

           

            <h4>RACIONAMIENTO INTELIGENTE</h4>

           

            <div class="protocol">

                <p><strong>Días 1-3: Consumo normal (100%)</strong></p>

                <p>Moral alta, gastar energía.</p>

                <ul>

                    <li>Desayunos completos</li>

                    <li>Almuerzos sustanciosos</li>

                    <li>Cenas normales</li>

                </ul>

            </div>

           

            <div class="protocol">

                <p><strong>Días 4-7: Racionamiento 75%</strong></p>

                <p>Reducir porciones sin pasar hambre.</p>

                <ul>

                    <li>Desayunos ligeros</li>

                    <li>Almuerzos principales</li>

                    <li>Cenas ligeras</li>

                </ul>

            </div>

           

            <div class="protocol">

                <p><strong>Días 8+: Racionamiento 60%</strong> (si necesario)</p>

                <p>Supervivencia.</p>

                <ul>

                    <li>2 comidas/día</li>

                    <li>Comida simple</li>

                    <li>Calorías mínimas</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ NUNCA racionar:</strong></p>

                <ul>

                    <li>Niños menores 6 años</li>

                    <li>Embarazadas</li>

                    <li>Personas medicamentos</li>

                </ul>

            </div>

           

            <h4>HIDRATACIÓN CON ALIMENTOS</h4>

           

            <p><strong>Alimentos con agua:</strong></p>

            <ul>

                <li>Frutas enlatadas</li>

                <li>Sopas</li>

                <li>Leche preparada</li>

            </ul>

           

            <p><strong>Alimentos NO deshidratan:</strong></p>

            <ul>

                <li>Arroz, pasta (absorben agua)</li>

                <li>Frutas secas (hidratadas agua)</li>

            </ul>

           

            <p><strong>Alimentos SÍ deshidratan:</strong></p>

            <ul>

                <li>Sal exceso</li>

                <li>Proteína exceso sin agua</li>

                <li>Alcohol (NUNCA crisis)</li>

            </ul>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <h3>CAPÍTULO 2.3: ENERGÍA SIN ELECTRICIDAD</h3>

           

            <h4>LOS 3 PROBLEMAS SIN LUZ</h4>

           

            <ol>

                <li><strong>Iluminación</strong> (no puedes ver)</li>

                <li><strong>Comunicación</strong> (teléfonos mueren)</li>

                <li><strong>Clima</strong> (calor/frío insoportable)</li>

            </ol>

           

            <h4>ILUMINACIÓN: 14 DÍAS SIN ELECTRICIDAD</h4>

           

            <div class="protocol">

                <h4>OPCIÓN 1: Linternas LED (MEJOR)</h4>

               

                <p><strong>Ventajas:</strong></p>

                <ul>

                    <li>Eficientes</li>

                    <li>Seguras</li>

                    <li>Larga duración</li>

                </ul>

               

                <p><strong>Recomendación:</strong></p>

                <ul>

                    <li>3-4 linternas LED</li>

                    <li>Pilas AA recargables (20-30)</li>

                    <li>Cargador solar pequeño (opcional)</li>

                </ul>

               

                <p><strong>Duración:</strong></p>

                <ul>

                    <li>1 linterna LED = 20-30h pilas buenas</li>

                    <li>4 linternas = 80-120h total</li>

                    <li>Con pilas extra = semanas</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>OPCIÓN 2: Velas</h4>

               

                <p><strong>Ventajas:</strong></p>

                <ul>

                    <li>Baratas</li>

                    <li>No necesitan pilas</li>

                </ul>

               

                <p><strong>Desventajas:</strong></p>

                <ul>

                    <li>Riesgo incendio</li>

                    <li>Poca luz</li>

                    <li>Consumen oxígeno</li>

                </ul>

               

                <p><strong>Uso seguro:</strong></p>

                <ul>

                    <li>Velas soporte estable</li>

                    <li>Lejos cortinas, papel</li>

                    <li>NUNCA dejar solas</li>

                    <li>Ventilar ambiente</li>

                </ul>

               

                <p><strong>Cantidad:</strong> 20-30 velas</p>

            </div>

           

            <div class="protocol">

                <h4>OPCIÓN 3: Lámparas recargables</h4>

               

                <p><strong>Lámparas LED recargables:</strong></p>

                <ul>

                    <li>1 carga = 8-12h luz</li>

                    <li>Recargar powerbank o sol</li>

                </ul>

               

                <p><strong>Recomendación:</strong> 2 lámparas</p>

            </div>

           

            <h4>COMUNICACIÓN: TELÉFONOS VIVOS</h4>

           

            <div class="protocol">

                <h4>POWERBANK (ESENCIAL)</h4>

               

                <p><strong>Capacidad recomendada:</strong></p>

                <ul>

                    <li>20,000 mAh mínimo</li>

                    <li>30,000 mAh ideal</li>

                </ul>

               

                <p><strong>Cargas posibles:</strong></p>

                <ul>

                    <li>20,000 mAh = 4-5 cargas teléfono</li>

                    <li>30,000 mAh = 6-8 cargas</li>

                </ul>

               

                <p><strong>Para 14 días:</strong></p>

                <ul>

                    <li>1 carga/teléfono cada 3 días</li>

                    <li>Familia 4 = ~20 cargas total</li>

                    <li><strong>2 powerbanks 20,000 mAh = suficiente</strong></li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ CRÍTICO:</strong></p>

                <div class="checklist" style="background: transparent; padding: 0; margin: 10px 0;">

                    <label><input type="checkbox"> Mantener powerbanks cargados SIEMPRE (>80%)</label>

                    <label><input type="checkbox"> Revisar cada mes</label>

                    <label><input type="checkbox"> Guardar modo avión (ahorra batería)</label>

                </div>

            </div>

           

            <div class="protocol">

                <h4>PANEL SOLAR PORTÁTIL (OPCIONAL)</h4>

               

                <p><strong>Si crisis prolongada:</strong></p>

                <p>Panel pequeño (20-30W) recarga powerbanks.</p>

               

                <p><strong>Ventaja:</strong> Autonomía infinita (si hay sol)<br>

                <strong>Desventaja:</strong> Depende clima</p>

            </div>

           

            <div class="protocol">

                <h4>RADIO A PILAS</h4>

               

                <p>Ya tienes del Plan 24H.</p>

                <p>Mantener pilas extra.</p>

            </div>

           

            <h4>CLIMA: CALOR/FRÍO</h4>

           

            <div class="protocol">

                <h4>SIN AIRE ACONDICIONADO (CALOR)</h4>

               

                <p><strong>Estrategias pasivas:</strong></p>

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> Cerrar ventanas lado sol</label>

                    <label><input type="checkbox"> Abrir ventanas noche</label>

                    <label><input type="checkbox"> Mojar toallas, colgar</label>

                    <label><input type="checkbox"> Ducha agua fría (si hay)</label>

                    <label><input type="checkbox"> Ropa ligera, clara</label>

                    <label><input type="checkbox"> Actividad mínima horas calor</label>

                </div>

            </div>

           

            <div class="protocol">

                <h4>SIN CALEFACCIÓN (FRÍO)</h4>

               

                <p><strong>Estrategias pasivas:</strong></p>

                <div class="checklist" style="background: transparent; padding: 0;">

                    <label><input type="checkbox"> Cerrar cortinas (aislar)</label>

                    <label><input type="checkbox"> Concentrar familia 1 habitación</label>

                    <label><input type="checkbox"> Mantas térmicas</label>

                    <label><input type="checkbox"> Ropa capas (no 1 gruesa)</label>

                    <label><input type="checkbox"> Bolsas agua caliente</label>

                </div>

            </div>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <h3>CAPÍTULO 2.4: HIGIENE SIN AGUA CORRIENTE</h3>

           

            <p><strong>EL TEMA QUE NADIE QUIERE HABLAR</strong></p>

            <p>Pero es <strong>CRÍTICO</strong>.</p>

           

            <div class="warning">

                <p>Sin higiene:</p>

                <ul>

                    <li>Enfermedades</li>

                    <li>Infecciones</li>

                    <li>Moral baja</li>

                    <li>Dignidad perdida</li>

                </ul>

            </div>

           

            <h4>HIGIENE PERSONAL BÁSICA</h4>

           

            <div class="protocol">

                <h4>MANOS (PRIORIDAD #1)</h4>

               

                <p><strong>Gel antibacteriano:</strong></p>

                <ul>

                    <li>500ml mínimo</li>

                    <li>Usar después baño, antes comer</li>

                </ul>

               

                <p><strong>Toallitas húmedas:</strong></p>

                <ul>

                    <li>100 unidades</li>

                    <li>Limpiar manos cuando gel no suficiente</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>CUERPO</h4>

               

                <p><strong>Días 1-3:</strong> Duchas normales (si hay agua)</p>

               

                <p><strong>Días 4-7:</strong> Duchas reducidas</p>

                <ul>

                    <li>2L agua/persona</li>

                    <li>Jabón biodegradable</li>

                    <li>Toalla húmeda</li>

                </ul>

               

                <p><strong>Días 8+:</strong> Baño toallitas</p>

                <ul>

                    <li>Toallitas húmedas cuerpo</li>

                    <li>Enfoque: axilas, genitales, pies</li>

                    <li>Cambio ropa interior diario</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>CABELLO</h4>

               

                <p><strong>Sin agua:</strong></p>

               

                <p><strong>Champú seco:</strong></p>

                <ul>

                    <li>Aplicar raíces</li>

                    <li>Masajear</li>

                    <li>Cepillar</li>

                </ul>

               

                <p><strong>O improvisado:</strong></p>

                <ul>

                    <li>Talco/maicena</li>

                    <li>Mismo efecto</li>

                </ul>

               

                <p>Lavar cada 3-4 días (no diario).</p>

            </div>

           

            <div class="protocol">

                <h4>DIENTES</h4>

               

                <p><strong>Pasta + cepillo:</strong> Normal</p>

               

                <p><strong>Sin agua corriente:</strong></p>

                <ul>

                    <li>Escupir bolsa</li>

                    <li>Enjuagar agua embotellada (mínima)</li>

                </ul>

               

                <p><strong>Alternativa:</strong></p>

                <ul>

                    <li>Chicle sin azúcar</li>

                </ul>

            </div>

           

            <h4>HIGIENE ÍNTIMA (MUJERES)</h4>

           

            <div class="protocol">

                <p><strong>Menstruación:</strong></p>

               

                <p><strong>Toallas sanitarias:</strong></p>

                <ul>

                    <li>Cantidad: 2 paquetes (40 unidades)</li>

                    <li>Cambiar cada 4-6h</li>

                </ul>

               

                <p><strong>Copa menstrual (mejor):</strong></p>

                <ul>

                    <li>Reutilizable</li>

                    <li>Esterilizar hervir (1x día)</li>

                    <li>Dura años</li>

                </ul>

               

                <p><strong>Higiene:</strong></p>

                <ul>

                    <li>Toallitas íntimas</li>

                    <li>Agua embotellada (mínima)</li>

                </ul>

            </div>

           

            <h4>BAÑO (NECESIDADES)</h4>

           

            <p><strong>Con agua corriente:</strong> Normal</p>

           

            <div class="protocol">

                <p><strong>Sin agua:</strong></p>

               

                <p><strong>Sistema balde:</strong></p>

                <ol>

                    <li>Balde grande con bolsa plástico dentro</li>

                    <li>Usar normalmente</li>

                    <li>Papel dentro bolsa</li>

                    <li>Cerrar bolsa, nueva siguiente uso</li>

                </ol>

               

                <p><strong>Disposición:</strong></p>

                <ul>

                    <li>Bolsas cerradas bolsa grande</li>

                    <li>Guardar área ventilada</li>

                    <li>Descartar cuando posible</li>

                </ul>

               

                <p><strong>Desinfección:</strong></p>

                <ul>

                    <li>Cloro diluido balde cada uso</li>

                    <li>Aire fresco constante</li>

                </ul>

            </div>

           

            <h4>ROPA</h4>

           

            <p><strong>Días 1-7:</strong></p>

            <p>Cambiar normal.<br>

            Lavar agua mínima si posible.</p>

           

            <p><strong>Días 8-14:</strong></p>

            <ul>

                <li><strong>Ropa interior:</strong> Cambiar diario (crítico)</li>

                <li><strong>Ropa exterior:</strong> Cada 2-3 días</li>

                <li><strong>Ropa dormir:</strong> Cada 3-4 días</li>

            </ul>

           

            <p><strong>Lavar sin agua:</strong></p>

            <ul>

                <li>Sacudir</li>

                <li>Airear (sol mata bacterias)</li>

                <li>Spray desinfectante (poco)</li>

            </ul>

           

            <div class="info-box">

                <p><strong>REGLA DE ORO HIGIENE</strong></p>

                <p>"Higiene básica no es lujo.<br>

                Es prevención enfermedades.<br>

                Y mantiene dignidad."</p>

                <p>En crisis:<br>

                personas limpias = personas mentalmente más fuertes.</p>

            </div>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <div class="chapter-number">Parte III</div>

            <h2>COLAPSO EMOCIONAL</h2>

            <h3>La Preparación Que Nadie Hace</h3>

           

            <p>Puedes tener:</p>

            <ul>

                <li>210L agua ✓</li>

                <li>Alimentos 14 días ✓</li>

                <li>Energía independiente ✓</li>

            </ul>

           

            <div class="warning">

                <p><strong>Pero si familia colapsa emocionalmente Día 5...</strong></p>

                <p><strong>Nada importa.</strong></p>

            </div>

           

            <p>Este módulo cubre lo que <strong>95% guías ignoran:</strong></p>

            <p><strong>Preparación psicológica prolongada.</strong></p>

           

            <p>No solo "técnica respiración 30 segundos".</p>

            <p><strong>Sistema completo mantener familia estable 14 días.</strong></p>

        </div>

       

        <div class="chapter">

            <h3>CAPÍTULO 3.1: PSICOLOGÍA CRISIS PROLONGADA</h3>

           

            <h4>LAS 4 FASES EMOCIONALES REALES</h4>

           

            <p><em>(Basado estudios psicológicos + testimonios Venezuela, Ucrania)</em></p>

           

            <div class="protocol">

                <h4>FASE 1: DÍA 1-2 — ADRENALINA</h4>

               

                <p><strong>Qué pasa:</strong></p>

                <p>Cerebro libera cortisol + adrenalina.</p>

               

                <p><strong>Síntomas:</strong></p>

                <ul>

                    <li>Energía anormalmente alta</li>

                    <li>Euforia ("¡Podemos hacer esto!")</li>

                    <li>Concentración extrema</li>

                    <li>Poco sueño pero no cansancio</li>

                </ul>

               

                <p><strong>Sensación:</strong> "Estamos preparados, controlable."</p>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ PELIGRO:</strong></p>

                <p>Esta energía es <strong>FALSA</strong>.</p>

                <p>Respuesta biológica temporal.</p>

               

                <p><strong>Errores comunes:</strong></p>

                <ul>

                    <li>Gastar toda energía primer día</li>

                    <li>Consumir recursos acelerado</li>

                    <li>Tomar decisiones impulsivas</li>

                    <li>No dormir bien</li>

                </ul>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">PROTOCOLO EMOCIONAL DÍA 1-2:</div>

                <label><input type="checkbox"> Reconocer adrenalina falsa</label>

                <label><input type="checkbox"> Forzar descanso aunque no cansado</label>

                <label><input type="checkbox"> Respiración 2-2-4 antes decisiones</label>

                <label><input type="checkbox"> Calma deliberada</label>

            </div>

           

            <p><strong>Mantra:</strong> <em>"Esto puede durar más. Conservo energía."</em></p>

           

            <div class="protocol">

                <h4>FASE 2: DÍA 3-4 — REALIZACIÓN</h4>

               

                <p><strong>Qué pasa:</strong></p>

                <p>Adrenalina baja.<br>

                Realidad sube.</p>

               

                <p><strong>Síntomas:</strong></p>

                <ul>

                    <li>Cansancio real aparece</li>

                    <li>"Pensé duraría 1 día"</li>

                    <li>Frustración creciente</li>

                    <li>Primeras discusiones menores</li>

                </ul>

               

                <p><strong>Sensación:</strong> "Esto va durar más de lo que creí."</p>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">PROTOCOLO EMOCIONAL DÍA 3-4:</div>

                <label><input type="checkbox"> Reconocer emoción (es normal)</label>

                <label><input type="checkbox"> Comunicación familiar aumenta</label>

                <label><input type="checkbox"> Actividades distracción</label>

                <label><input type="checkbox"> Reafirmar plan</label>

            </div>

           

            <p><strong>Mantra:</strong> <em>"Cada día que pasa, más cerca del final."</em></p>

           

            <div class="protocol">

                <h4>FASE 3: DÍA 5-7 — COLAPSO EMOCIONAL</h4>

               

                <p><strong>EL MOMENTO MÁS PELIGROSO.</strong></p>

               

                <p><strong>Qué pasa:</strong></p>

                <p>Sistema nervioso agotado.<br>

                Esperanza baja.<br>

                Paciencia desaparece.</p>

               

                <p><strong>Síntomas adultos:</strong></p>

                <ul>

                    <li>Discusiones por cualquier cosa</li>

                    <li>Silencio prolongado (peor que gritos)</li>

                    <li>Irritabilidad extrema</li>

                    <li>Llanto sin razón aparente</li>

                    <li>Desesperanza</li>

                </ul>

               

                <p><strong>Síntomas niños:</strong></p>

                <ul>

                    <li>Llanto frecuente</li>

                    <li>Regresión (comportamientos infantiles)</li>

                    <li>Pesadillas</li>

                    <li>Preguntas repetitivas sin parar</li>

                    <li>Apego extremo adultos</li>

                </ul>

               

                <p><strong>Síntomas familia:</strong></p>

                <ul>

                    <li>Comunicación rota</li>

                    <li>Cada uno aislado</li>

                    <li>Cooperación cae</li>

                    <li>Culpas empiezan</li>

                </ul>

            </div>

           

            <p><strong>Por qué pasa:</strong></p>

            <ol>

                <li>Rutina normal completamente destruida</li>

                <li>Sin entretenimiento habitual</li>

                <li>Sin privacidad (familia 24/7 junta)</li>

                <li>Sin esperanza clara cuándo termina</li>

                <li>Cansancio acumulado sin descanso real</li>

            </ol>

           

            <div class="warning">

                <p><strong>📊 ESTADÍSTICA:</strong></p>

                <p><strong>70% familias colapsan emocionalmente Día 5.</strong></p>

                <p>Colapso = fin preparación efectiva.</p>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">PROTOCOLO DÍA 5-7 (CRÍTICO):</div>

                <p>Este protocolo <strong>PREVIENE</strong> colapso.</p>

                <label><input type="checkbox"> <strong>Rutina aún MÁS estricta</strong> (ancla)</label>

                <label><input type="checkbox"> <strong>Gratitud 3x día</strong> (mañana, tarde, noche)</label>

                <label><input type="checkbox"> <strong>Actividades obligatorias</strong> (juegos, ejercicio)</label>

                <label><input type="checkbox"> <strong>Comunicación forzada</strong> (aunque no quieran)</label>

                <label><input type="checkbox"> <strong>Celebrar pequeñas victorias</strong></label>

                <label><input type="checkbox"> <strong>Tiempo solo permitido</strong> (15 min/persona privacidad)</label>

            </div>

           

            <p><strong>Mantra:</strong> <em>"Un día a la vez. Hoy estamos bien."</em></p>

           

            <div class="protocol">

                <h4>FASE 4: DÍA 8-14 — ADAPTACIÓN O RESIGNACIÓN</h4>

               

                <p><strong>Qué pasa:</strong></p>

                <p>O familia se adapta completamente...<br>

                O se resigna (mal).</p>

               

                <p><strong>ADAPTACIÓN (buena):</strong></p>

                <ul>

                    <li>Nueva normalidad aceptada</li>

                    <li>Rutinas automáticas</li>

                    <li>Esperanza realista</li>

                    <li>Familia funcional</li>

                </ul>

               

                <p><strong>RESIGNACIÓN (mala):</strong></p>

                <ul>

                    <li>"Nada importa"</li>

                    <li>Depresión silenciosa</li>

                    <li>Apatía</li>

                    <li>Riesgo salud mental</li>

                </ul>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">PROTOCOLO DÍA 8-14:</div>

                <label><input type="checkbox"> Mantener rutina (NO aflojar)</label>

                <label><input type="checkbox"> Introducir novedades pequeñas</label>

                <label><input type="checkbox"> Planear post-crisis (da esperanza)</label>

                <label><input type="checkbox"> Reconocer logro</label>

            </div>

        </div>

       

        <div class="chapter">

            <h3>CAPÍTULO 3.2: TÉCNICAS CONTROL PROLONGADO</h3>

           

            <p><em>(Más allá respiración 2-2-4)</em></p>

           

            <div class="protocol">

                <h4>TÉCNICA #1: RESPIRACIÓN 4-7-8</h4>

               

                <p><strong>Para ansiedad profunda.</strong></p>

               

                <p><strong>Protocolo:</strong></p>

                <ol>

                    <li>Inspire nariz 4 segundos</li>

                    <li>Retiene 7 segundos</li>

                    <li>Expira boca 8 segundos</li>

                    <li>Repite 4 veces</li>

                </ol>

               

                <p><strong>Efecto:</strong></p>

                <p>Activa sistema nervioso parasimpático.<br>

                Calma profunda 2 minutos.</p>

               

                <p><strong>Usar cuando:</strong></p>

                <ul>

                    <li>Ataques ansiedad</li>

                    <li>Pánico nocturno</li>

                    <li>Antes dormir</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>TÉCNICA #2: GROUNDING 5-4-3-2-1</h4>

               

                <p><strong>Para desconexión realidad (disociación).</strong></p>

               

                <p><strong>Protocolo:</strong></p>

                <p>Nombra en voz alta:</p>

                <ul>

                    <li><strong>5 cosas que VES</strong></li>

                    <li><strong>4 cosas que TOCAS</strong></li>

                    <li><strong>3 cosas que OYES</strong></li>

                    <li><strong>2 cosas que HUELES</strong></li>

                    <li><strong>1 cosa que SABOREAS</strong></li>

                </ul>

               

                <p><strong>Efecto:</strong> Trae mente vuelta presente.</p>

               

                <p><strong>Usar cuando:</strong></p>

                <ul>

                    <li>Sensación "no real"</li>

                    <li>Pensamiento circular</li>

                    <li>Pánico agudo</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>TÉCNICA #3: CAJA MENTAL (NIÑOS)</h4>

               

                <p><strong>Para preocupación infantil.</strong></p>

               

                <p><strong>Protocolo:</strong></p>

                <p>"Imagina caja mental.<br>

                Mete preocupación dentro.<br>

                Cierra tapa.<br>

                Vamos pensar en eso después."</p>

               

                <p><strong>Efecto:</strong> Enseña control pensamiento.</p>

               

                <p><strong>Usar cuando:</strong></p>

                <ul>

                    <li>Niño obsesiona con miedo</li>

                    <li>Preguntas repetitivas</li>

                    <li>Ansiedad anticipatoria</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>TÉCNICA #4: DIARIO EMOCIONAL</h4>

               

                <p><strong>Para adultos.</strong></p>

               

                <p><strong>Protocolo:</strong></p>

                <p>Cada noche escribe (papel, no digital):</p>

                <ul>

                    <li>1 cosa difícil hoy</li>

                    <li>1 cosa buena hoy</li>

                    <li>1 cosa agradecido hoy</li>

                </ul>

               

                <p><strong>Efecto:</strong> Procesa emoción sin hablar.</p>

               

                <p><strong>Usar cuando:</strong></p>

                <ul>

                    <li>Difícil comunicar verbalmente</li>

                    <li>Necesitas desahogo privado</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>TÉCNICA #5: EJERCICIO FÍSICO</h4>

               

                <p><strong>20 minutos diarios mínimo.</strong></p>

               

                <p><strong>Por qué funciona:</strong></p>

                <ul>

                    <li>Libera endorfinas (hormona felicidad)</li>

                    <li>Reduce cortisol (hormona estrés)</li>

                    <li>Mejora sueño</li>

                    <li>Rompe pensamiento circular</li>

                </ul>

               

                <p><strong>Qué hacer:</strong></p>

                <ul>

                    <li>Caminar círculos dentro casa</li>

                    <li>Estiramientos</li>

                    <li>Sentadillas, flexiones (básico)</li>

                    <li>Juegos activos niños</li>

                </ul>

               

                <p><strong>NO es opcional.</strong><br>

                Es medicina.</p>

            </div>

        </div>

       

        <div class="chapter">

            <h3>CAPÍTULO 3.3: MANTENER FAMILIA UNIDA</h3>

           

            <h4>COMUNICACIÓN BAJO ESTRÉS</h4>

           

            <div class="protocol">

                <h4>REUNIONES DIARIAS</h4>

               

                <p><strong>Mañana (5 min):</strong></p>

                <ul>

                    <li>Plan día</li>

                    <li>Expectativas claras</li>

                </ul>

               

                <p><strong>Noche (10 min):</strong></p>

                <ul>

                    <li>Revisión día</li>

                    <li>Gratitud (cada persona 3 cosas)</li>

                    <li>Preparar mañana</li>

                </ul>

               

                <p><strong>Crítico:</strong> TODOS participan (niños incluidos).</p>

            </div>

           

            <div class="protocol">

                <h4>HABLAR CON CLARIDAD</h4>

               

                <p><strong>Sin drama:</strong><br>

                No exagerar situación.</p>

               

                <p><strong>Sin mentiras:</strong><br>

                Niños detectan falsedad = pierden confianza.</p>

               

                <p><strong>Adaptar edad:</strong></p>

                <ul>

                    <li><strong>3-6:</strong> "Luz va volver pronto, estamos bien"</li>

                    <li><strong>7-12:</strong> "Va tardar días, tenemos plan"</li>

                    <li><strong>13+:</strong> Verdad completa</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>VALIDAR EMOCIONES</h4>

               

                <p><strong>Permitir sentir:</strong></p>

                <p>"Es normal tener miedo."<br>

                "Yo también estoy preocupado."<br>

                "Está bien llorar."</p>

               

                <p><strong>No minimizar:</strong></p>

                <p>❌ "No es para tanto"<br>

                ❌ "Otros están peor"<br>

                ✓ "Entiendo es difícil. Estamos juntos."</p>

            </div>

           

            <div class="protocol">

                <h4>CELEBRAR VICTORIAS</h4>

               

                <p><strong>Pequeñas:</strong></p>

                <ul>

                    <li>"Pasamos otro día"</li>

                    <li>"María ayudó mucho hoy"</li>

                    <li>"Comimos juntos sin pelear"</li>

                </ul>

               

                <div class="info-box">

                    <p>Parece tonto.<br>

                    <strong>Funciona MUCHO.</strong></p>

                    <p>Cerebro necesita positividad para seguir.</p>

                </div>

            </div>

           

            <h4>ENTRETENIMIENTO EN CRISIS</h4>

           

            <p><strong>NO ES LUJO. ES NECESIDAD.</strong></p>

            <p>Mente ociosa = mente ansiosa.</p>

           

            <div class="protocol">

                <h4>PARA NIÑOS 3-6:</h4>

                <ul>

                    <li>Dibujar (papel, lápices)</li>

                    <li>Juegos simples (esconder, buscar)</li>

                    <li>Historias inventadas (padres cuentan)</li>

                    <li>Canciones</li>

                    <li>Juegos manuales (plastilina si tienen)</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>PARA NIÑOS 7-12:</h4>

                <ul>

                    <li>Juegos mesa (si tienen)</li>

                    <li>Cartas</li>

                    <li>Lectura</li>

                    <li>Dibujo avanzado</li>

                    <li>"Escuela casa"</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>PARA ADOLESCENTES:</h4>

                <ul>

                    <li>Juegos estrategia</li>

                    <li>Conversaciones profundas</li>

                    <li>Incluir decisiones</li>

                    <li>Responsabilidades reales</li>

                    <li>Diario personal</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>PARA ADULTOS:</h4>

                <ul>

                    <li>Juegos cartas/mesa</li>

                    <li>Conversación (sin crisis como tema)</li>

                    <li>Lectura compartida</li>

                    <li>Planear futuro (post-crisis)</li>

                </ul>

            </div>

           

            <h4>RITUALES QUE SALVAN SANIDAD</h4>

           

            <div class="protocol">

                <h4>RITUAL MAÑANA:</h4>

               

                <p>Al despertar, ANTES levantarse:</p>

                <p>Respiración 4-7-8 (1 vez).<br>

                "Hoy va ser buen día."</p>

               

                <p>Simple. Poderoso.</p>

            </div>

           

            <div class="protocol">

                <h4>RITUAL NOCHE:</h4>

               

                <p>Antes dormir:</p>

                <p>Gratitud 3 cosas.<br>

                Respiración 2-2-4.<br>

                "Mañana estaremos más cerca."</p>

            </div>

        </div>

       

        <div class="chapter">

            <h3>CAPÍTULO 3.4: SEÑALES ALERTA MENTAL</h3>

           

            <p><strong>Cuándo preocuparse seriamente:</strong></p>

           

            <h4>EN ADULTOS:</h4>

           

            <div class="warning">

                <p><strong>⚠️ Depresión severa:</strong></p>

                <ul>

                    <li>Más 3 días sin hablar</li>

                    <li>Apatía total</li>

                    <li>"Nada importa"</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ Ideación suicida:</strong></p>

                <ul>

                    <li>Comentarios sobre muerte</li>

                    <li>Regalar pertenencias</li>

                    <li>Despedidas extrañas</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ Psicosis:</strong></p>

                <ul>

                    <li>Alucinaciones</li>

                    <li>Delirios</li>

                    <li>Desconexión completa realidad</li>

                </ul>

            </div>

           

            <h4>EN NIÑOS:</h4>

           

            <div class="warning">

                <p><strong>⚠️ Regresión extrema:</strong></p>

                <ul>

                    <li>Volver pañales</li>

                    <li>Dejar hablar</li>

                    <li>Comportamiento bebé</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ Violencia:</strong></p>

                <ul>

                    <li>Golpear sin razón</li>

                    <li>Destruir cosas</li>

                    <li>Lastimarse</li>

                </ul>

            </div>

           

            <div class="warning">

                <p><strong>⚠️ Mutismo:</strong></p>

                <ul>

                    <li>Dejar hablar completamente</li>

                    <li>Más 24h silencio</li>

                </ul>

            </div>

           

            <div class="protocol">

                <h4>PROTOCOLO SI VES SEÑALES:</h4>

                <ol>

                    <li><strong>NO ignorar</strong></li>

                    <li><strong>Hablar con calma</strong> (sin juzgar)</li>

                    <li><strong>Contacto físico</strong> (abrazo, tomar mano)</li>

                    <li><strong>Buscar ayuda externa si posible</strong></li>

                    <li><strong>Nunca dejar solo</strong></li>

                </ol>

            </div>

        </div>

       

        <div class="chapter">

            <h3>CAPÍTULO 3.5: PLAN EMOCIONAL FAMILIAR</h3>

           

            <p><strong>Crear ANTES de crisis.</strong></p>

           

            <div class="protocol">

                <h4>TEMPLATE BÁSICO:</h4>

               

                <p><strong>SEÑALES ALERTA:</strong></p>

                <p>Adulto 1: [Ej: silencio prolongado]<br>

                Adulto 2: [Ej: irritabilidad extrema]<br>

                Niño 1: [Ej: llanto frecuente]<br>

                Niño 2: [Ej: regresión]</p>

               

                <p><strong>TÉCNICAS ASIGNADAS:</strong></p>

                <p>Adulto 1: 4-7-8, diario<br>

                Adulto 2: Grounding, ejercicio<br>

                Niño 1: Caja mental, juegos<br>

                Niño 2: Respiración balón, dibujo</p>

               

                <p><strong>RITUALES FAMILIA:</strong></p>

                <p>Mañana: Respiración + plan<br>

                Noche: Gratitud + preparar mañana</p>

               

                <p><strong>CÓDIGO EMERGENCIA:</strong></p>

                <p>Palabra clave: [Ej: "Necesito ayuda"]<br>

                Acción: Reunión inmediata familia</p>

               

                <p><strong>RESPONSABLE MORAL:</strong></p>

                <p>Principal: [Adulto 1]<br>

                Secundario: [Adulto 2]</p>

            </div>

           

            <p><strong>Llenar AHORA. Practicar ANTES.</strong></p>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <div class="chapter-number">Conclusión</div>

            <h2>AHORA TIENES SISTEMA COMPLETO</h2>

           

            <h3>TRANSFORMACIÓN</h3>

           

            <p><strong>ANTES de este sistema:</strong></p>

            <ul>

                <li>❌ Preocupación sin dirección</li>

                <li>❌ Ansiedad crónica con noticias</li>

                <li>❌ Pánico en crisis</li>

                <li>❌ Dependencia total externa</li>

                <li>❌ Familia vulnerable</li>

            </ul>

           

            <p><strong>AHORA:</strong></p>

            <ul>

                <li>✓ <strong>Sistema Temporal Completo</strong> (Día 1 → 14)</li>

                <li>✓ <strong>Autonomía Real</strong> (210L agua, alimentos 14 días)</li>

                <li>✓ <strong>Preparación Emocional</strong> (técnicas anti-colapso)</li>

                <li>✓ <strong>Familia Coordinada</strong> (todos saben qué hacer)</li>

                <li>✓ <strong>Evacuación Planeada</strong> (rutas, destinos)</li>

                <li>✓ <strong>Seguridad Avanzada</strong> (niños, mayores, documentos)</li>

                <li>✓ <strong>Relación Exterior Controlada</strong> (vecinos, autoridades)</li>

                <li>✓ <strong>Retorno Estructurado</strong> (transición sin trauma)</li>

            </ul>

           

            <div class="info-box">

                <p><strong>Esta es la diferencia entre:</strong></p>

                <p>Ansiedad paralisante<br>

                →<br>

                Tranquilidad permanente</p>

            </div>

           

            <h3>LO QUE CONSTRUISTE</h3>

           

            <p>No solo compraste libro.</p>

           

            <p><strong>Construiste:</strong></p>

            <ol>

                <li>Protocolo día-a-día probado (14 días)</li>

                <li>Autonomía física real</li>

                <li>Resiliencia emocional familiar</li>

                <li>Sistema evacuación completo</li>

                <li>Preparación específica (niños, mayores)</li>

                <li>Seguridad operacional</li>

                <li>Plan retorno normalidad</li>

            </ol>

           

            <h3>IMPLEMENTACIÓN — 7 DÍAS</h3>

           

            <p><strong>No dejes para después.</strong></p>

            <p>Preparación funciona cuando implementa RÁPIDO.</p>

           

            <div class="protocol">

                <p><strong>DÍA 1:</strong> Agua + Alimentos<br>

                → Comprar 210L + alimentos 7 días<br>

                → 2h supermercado</p>

               

                <p><strong>DÍA 2:</strong> Energía + Higiene<br>

                → Linternas, powerbanks, toallitas<br>

                → 1h compras</p>

               

                <p><strong>DÍA 3:</strong> Documentos + Efectivo<br>

                → Sobre de Oro armado<br>

                → Separar efectivo<br>

                → 1h organización</p>

               

                <p><strong>DÍA 4:</strong> Mochila 72h<br>

                → Montar mochila evacuación<br>

                → 2h compras + montaje</p>

               

                <p><strong>DÍA 5:</strong> Rutas + Destinos<br>

                → Mapear rutas (conducir Ruta A)<br>

                → Confirmar destino<br>

                → 3h</p>

               

                <p><strong>DÍA 6:</strong> Familia + Emocional<br>

                → Reunión familiar (templates)<br>

                → Practicar protocolo<br>

                → Enseñar técnicas<br>

                → 2h</p>

               

                <p><strong>DÍA 7:</strong> SIMULACIÓN COMPLETA<br>

                → Simulacro evacuación<br>

                → Verificar todo funciona<br>

                → Celebrar logro<br>

                → 2h</p>

            </div>

           

            <div class="warning">

                <p><strong>TOTAL:</strong></p>

                <ul>

                    <li><strong>Tiempo:</strong> 13 horas (distribuidas 7 días)</li>

                    <li><strong>Resultado:</strong> Familia protegida 14 días</li>

                </ul>

            </div>

           

            <h3>COMPARACIÓN FINAL</h3>

           

            <table>

                <tr>

                    <th>Aspecto</th>

                    <th>Sin Preparación</th>

                    <th>Plan 24H</th>

                    <th>Sistema Completo</th>

                </tr>

                <tr>

                    <td><strong>Día 1</strong></td>

                    <td>Pánico</td>

                    <td>Control ✓</td>

                    <td>Control ✓</td>

                </tr>

                <tr>

                    <td><strong>Día 3</strong></td>

                    <td>Colapso</td>

                    <td>⚠️ Vulnerable</td>

                    <td>Autonomía ✓</td>

                </tr>

                <tr>

                    <td><strong>Día 5</strong></td>

                    <td>Desesperación</td>

                    <td>⚠️ Moral baja</td>

                    <td>Estable ✓</td>

                </tr>

                <tr>

                    <td><strong>Día 7</strong></td>

                    <td>—</td>

                    <td>⚠️ Recursos acabando</td>

                    <td>Autonomía ✓</td>

                </tr>

                <tr>

                    <td><strong>Día 14</strong></td>

                    <td>—</td>

                    <td>—</td>

                    <td><strong>Autonomía Total ✓</strong></td>

                </tr>

                <tr>

                    <td><strong>Evacuación</strong></td>

                    <td>Caos</td>

                    <td>⚠️ Improvisado</td>

                    <td>Planeada ✓</td>

                </tr>

                <tr>

                    <td><strong>Emocional</strong></td>

                    <td>Colapso</td>

                    <td>⚠️ Básico</td>

                    <td>Sistema completo ✓</td>

                </tr>

            </table>

           

            <h3>AHORA ESTÁS EN EL 5%</h3>

           

            <p><strong>95% personas:</strong></p>

            <ul>

                <li>Sin plan</li>

                <li>Sin recursos</li>

                <li>Vulnerable</li>

            </ul>

           

            <p><strong>5% personas:</strong></p>

            <ul>

                <li>Sistema completo</li>

                <li>Autonomía real</li>

                <li><strong>TÚ ESTÁS AQUÍ</strong></li>

            </ul>

           

            <h3>MANTENIMIENTO</h3>

           

            <p><strong>Sistema NO es "una vez y listo".</strong></p>

           

            <div class="checklist">

                <div class="checklist-title">MENSUAL:</div>

                <label><input type="checkbox"> Revisar agua (rotación)</label>

                <label><input type="checkbox"> Verificar powerbanks cargados</label>

                <label><input type="checkbox"> Chequear medicamentos validad</label>

                <label><input type="checkbox"> Comprobar efectivo intacto</label>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">SEMESTRAL:</div>

                <label><input type="checkbox"> Trocar agua completa</label>

                <label><input type="checkbox"> Revisar comida validades</label>

                <label><input type="checkbox"> Testar linternas/equipos</label>

                <label><input type="checkbox"> Actualizar documentos</label>

                <label><input type="checkbox"> Simulación familiar</label>

                <label><input type="checkbox"> Repasar protocolos</label>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">ANUAL:</div>

                <label><input type="checkbox"> Simulacro completo evacuación</label>

                <label><input type="checkbox"> Revisar sistema completo</label>

                <label><input type="checkbox"> Incorporar lecciones año</label>

                <label><input type="checkbox"> Actualizar según cambios familia</label>

                <label><input type="checkbox"> Recalcular necesidades</label>

            </div>

           

            <p><strong>Próxima revisión:</strong> __/__/____</p>

            <p><strong>Alarma configurada:</strong> SÍ / NO</p>

        </div>

       

        <div class="exercise">

            <h3>ÚLTIMA PALABRA</h3>

            <p>"Preparación no es paranoia.<br>

            Es responsabilidad.</p>

            <p>No vives con miedo.<br>

            Vives con tranquilidad.</p>

            <p>Porque sabes que pase lo que pase...</p>

            <p><strong>Tu familia está protegida."</strong></p>

        </div>

       

        <div class="chapter">

            <h3>HAY UN LÍMITE — Y ES SUFICIENTE</h3>

           

            <p>Este sistema no cubre lo imposible.<br>

            No promete control absoluto.</p>

           

            <p>Cubre lo que realmente destruye familias:<br>

            decisiones tomadas cansado, con miedo y sin plan.</p>

           

            <p>A partir de aquí, no se trata aprender más.<br>

            Se trata recordar lo que ya sabes cuando lo necesites.</p>

           

            <p>Si estás buscando más información, no es porque falte algo aquí.</p>

           

            <p>Es porque la incertidumbre nunca desaparece del todo.</p>

           

            <p>Este sistema fue creado funcionar incluso con esa incertidumbre.</p>

           

            <div class="warning">

                <p><strong>Ahora ve.</strong></p>

                <p><strong>Implementa.</strong></p>

                <p><strong>Protege a quienes amas.</strong></p>

                <p><strong>Tienes el sistema completo.</strong></p>

                <p><strong>Úsalo.</strong></p>

            </div>

        </div>

       

        <div class="separator"></div>

       

        <div class="chapter">

            <div class="chapter-number">Bonus</div>

            <h2>CHECKLISTS MAESTROS</h2>

           

            <div class="checklist">

                <div class="checklist-title">📋 CHECKLIST 1: RECURSOS 14 DÍAS</div>

               

                <p><strong>AGUA (210L):</strong></p>

                <label><input type="checkbox"> 42 garrafones 5L</label>

                <label><input type="checkbox"> Distribuidos 4 ubicaciones</label>

                <label><input type="checkbox"> Lugares frescos, oscuros</label>

                <label><input type="checkbox"> Fechas marcadas</label>

                <label><input type="checkbox"> Rotación cada 6 meses</label>

               

                <p><strong>PURIFICACIÓN:</strong></p>

                <label><input type="checkbox"> Fogón + 2 bombonas gas</label>

                <label><input type="checkbox"> Olla 5L</label>

                <label><input type="checkbox"> Cloro 200ml</label>

                <label><input type="checkbox"> 50 pastillas purificadoras</label>

                <label><input type="checkbox"> 2 filtros portátiles</label>

               

                <p><strong>ALIMENTOS (7 días):</strong></p>

                <label><input type="checkbox"> Arroz 5kg</label>

                <label><input type="checkbox"> Pasta 3kg</label>

                <label><input type="checkbox"> Atún 15 latas</label>

                <label><input type="checkbox"> Frijoles 10 latas</label>

                <label><input type="checkbox"> Aceite 1L</label>

                <label><input type="checkbox"> Frutos secos 1kg</label>

                <label><input type="checkbox"> Mantequilla maní 1kg</label>

                <label><input type="checkbox"> Azúcar 1kg</label>

                <label><input type="checkbox"> Barras energéticas 20</label>

               

                <p><strong>ENERGÍA:</strong></p>

                <label><input type="checkbox"> 4 linternas LED</label>

                <label><input type="checkbox"> 30 pilas AA</label>

                <label><input type="checkbox"> 2 powerbanks 20,000 mAh</label>

                <label><input type="checkbox"> Cables carga (3)</label>

                <label><input type="checkbox"> 20 velas</label>

                <label><input type="checkbox"> Fósforos (3 cajas)</label>

               

                <p><strong>HIGIENE:</strong></p>

                <label><input type="checkbox"> Gel antibacteriano 500ml</label>

                <label><input type="checkbox"> Toallitas húmedas 100</label>

                <label><input type="checkbox"> Papel higiénico 12 rollos</label>

                <label><input type="checkbox"> Champú seco</label>

                <label><input type="checkbox"> Bolsas plástico 50</label>

               

                <p><strong>SALUD:</strong></p>

                <label><input type="checkbox"> Kit primeros socorros</label>

                <label><input type="checkbox"> Medicamentos 14 días</label>

                <label><input type="checkbox"> Paracetamol/Ibuprofeno</label>

                <label><input type="checkbox"> Suero oral</label>

                <label><input type="checkbox"> Termómetro</label>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">📋 CHECKLIST 2: MOCHILA 72H</div>

               

                <p><strong>DOCUMENTOS:</strong></p>

                <label><input type="checkbox"> Sobre de Oro completo</label>

                <label><input type="checkbox"> Efectivo</label>

                <label><input type="checkbox"> USB copias</label>

               

                <p><strong>SUPERVIVENCIA:</strong></p>

                <label><input type="checkbox"> Agua 2L/persona</label>

                <label><input type="checkbox"> Barras energéticas 15</label>

                <label><input type="checkbox"> Latas atún/conservas</label>

                <label><input type="checkbox"> Medicamentos 14 días</label>

                <label><input type="checkbox"> Encendedor + fósforos</label>

               

                <p><strong>ROPA:</strong></p>

                <label><input type="checkbox"> 3 mudas/persona</label>

                <label><input type="checkbox"> Impermeable</label>

                <label><input type="checkbox"> Calzado extra</label>

                <label><input type="checkbox"> Manta térmica</label>

               

                <p><strong>COMUNICACIÓN:</strong></p>

                <label><input type="checkbox"> Powerbank cargado</label>

                <label><input type="checkbox"> Cables</label>

                <label><input type="checkbox"> Radio + pilas</label>

                <label><input type="checkbox"> Mapas físicos</label>

                <label><input type="checkbox"> Brújula</label>

                <label><input type="checkbox"> Silbato</label>

               

                <p><strong>HERRAMIENTAS:</strong></p>

                <label><input type="checkbox"> Navaja multiusos</label>

                <label><input type="checkbox"> Cinta adhesiva</label>

                <label><input type="checkbox"> Linterna LED</label>

                <label><input type="checkbox"> Cuerda 10m</label>

               

                <p><strong>PESO:</strong> <15kg adulto</p>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">📋 CHECKLIST 3: PROTOCOLO DÍA-A-DÍA</div>

               

                <p><strong>RUTINA DIARIA:</strong></p>

                <label><input type="checkbox"> 7:00 — Despertar (mismo horario)</label>

                <label><input type="checkbox"> 7:15 — Higiene básica</label>

                <label><input type="checkbox"> 7:30 — Desayuno juntos</label>

                <label><input type="checkbox"> 8:00 — Reunión 5 min</label>

                <label><input type="checkbox"> 8:15 — Tareas organizadas</label>

                <label><input type="checkbox"> 12:00 — Almuerzo</label>

                <label><input type="checkbox"> 13:00 — Tiempo libre</label>

                <label><input type="checkbox"> 15:00 — Ejercicio 20 min</label>

                <label><input type="checkbox"> 16:00 — Chequeo recursos</label>

                <label><input type="checkbox"> 18:00 — Cena familiar</label>

                <label><input type="checkbox"> 19:00 — Relajación</label>

                <label><input type="checkbox"> 20:30 — Gratitud (3 cosas)</label>

                <label><input type="checkbox"> 21:00 — Dormir</label>

               

                <p><strong>EVALUACIÓN SEMANAL:</strong></p>

                <label><input type="checkbox"> ¿Recursos suficientes?</label>

                <label><input type="checkbox"> ¿Familia estable?</label>

                <label><input type="checkbox"> ¿Situación mejora/empeora?</label>

                <label><input type="checkbox"> ¿Necesitamos evacuar?</label>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">📋 CHECKLIST 4: DECISIÓN EVACUACIÓN</div>

               

                <p><strong>3 PREGUNTAS (60 SEGUNDOS):</strong></p>

               

                <p>1. ¿Puedo quedarme seguro 48h más?</p>

                <label><input type="checkbox"> SÍ</label>

                <label><input type="checkbox"> NO</label>

               

                <p>2. ¿Tengo recursos 48h más?</p>

                <label><input type="checkbox"> SÍ</label>

                <label><input type="checkbox"> NO</label>

               

                <p>3. ¿Hay amenaza directa AHORA?</p>

                <label><input type="checkbox"> SÍ</label>

                <label><input type="checkbox"> NO</label>

               

                <p><strong>DECISIÓN:</strong></p>

                <label><input type="checkbox"> 2+ NO → EVACUAR</label>

                <label><input type="checkbox"> 2+ SÍ → QUEDARSE</label>

               

                <p><strong>PREPARACIÓN SALIDA:</strong></p>

                <label><input type="checkbox"> Mochila pegada (10 seg)</label>

                <label><input type="checkbox"> Documentos accesibles</label>

                <label><input type="checkbox"> Ruta confirmada: A / B / C</label>

                <label><input type="checkbox"> Destino confirmado</label>

                <label><input type="checkbox"> Tanque >50%</label>

                <label><input type="checkbox"> SMS enviado contactos</label>

                <label><input type="checkbox"> Gas cerrado</label>

                <label><input type="checkbox"> Electricidad apagada</label>

                <label><input type="checkbox"> SALIR (no volver)</label>

            </div>

           

            <div class="checklist">

                <div class="checklist-title">📋 CHECKLIST 5: MANTENIMIENTO</div>

               

                <p><strong>MENSUAL:</strong></p>

                <label><input type="checkbox"> Agua revisar</label>

                <label><input type="checkbox"> Powerbanks cargar</label>

                <label><input type="checkbox"> Medicamentos validad</label>

                <label><input type="checkbox"> Efectivo intacto</label>

               

                <p><strong>SEMESTRAL:</strong></p>

                <label><input type="checkbox"> Agua trocar completa</label>

                <label><input type="checkbox"> Comida validades</label>

                <label><input type="checkbox"> Equipos testar</label>

                <label><input type="checkbox"> Documentos actualizar</label>

                <label><input type="checkbox"> Simulación familiar</label>

                <label><input type="checkbox"> Protocolos repasar</label>

               

                <p><strong>ANUAL:</strong></p>

                <label><input type="checkbox"> Simulacro evacuación completo</label>

                <label><input type="checkbox"> Sistema revisión total</label>

                <label><input type="checkbox"> Lecciones incorporar</label>

                <label><input type="checkbox"> Cambios familia ajustar</label>

               

                <p><strong>PRÓXIMA REVISIÓN:</strong> __/__/____</p>

            </div>

        </div>

       

        <div class="footer">

            <p><strong>— FIN —</strong></p>

            <p style="margin-top: 20px;">"Preparación no es sobre viver con miedo.<br>

            Es sobre viver con tranquilidad."</p>

            <p style="margin-top: 20px;"><em>Ahora ve. Implementa. Protege a quienes amas.</em></p>

        </div>

       

    </div>

   

    <script>

        // Progress Bar

        window.addEventListener('scroll', () => {

            const winScroll = document.documentElement.scrollTop;

            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;

            const scrolled = (winScroll / height) * 100;

            document.getElementById('progressBar').style.width = scrolled + '%';

        });

       

        // Checkbox persistence

        document.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {

            checkbox.addEventListener('change', (e) => {

                console.log('Checkbox changed:', e.target.checked);

            });

        });

    </script>

</body>

</html>