<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Influenza en Pacientes Oncológicos - Fundación Ahava</title> <style> @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap'); :root { --azul: #1a3a6b; --azul-medio: #2e6db4; --azul-claro: #4a9fd4; --verde: #2ecc71; --verde-oscuro: #1a7a40; --naranja: #ff6b35; --rojo: #e63b6f; --amarillo: #ffd166; --gris: #f5f7fa; } * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } body { font-family: 'Nunito', sans-serif; background: #eef2f7; color: #2d2d2d; } /* ===== NAVBAR ===== */ nav { background: var(--azul); padding: 14px 40px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 12px rgba(0,0,0,0.3); } nav .nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; } nav .nav-logo img { height: 42px; border-radius: 8px; } nav .nav-brand { color: white; font-size: 16px; font-weight: 800; } nav .nav-brand span { color: var(--amarillo); } nav .nav-links { display: flex; gap: 6px; list-style: none; } nav .nav-links a { color: rgba(255,255,255,0.85); text-decoration: none; font-size: 13px; font-weight: 700; padding: 6px 12px; border-radius: 20px; transition: all 0.2s; } nav .nav-links a:hover { background: rgba(255,255,255,0.15); color: white; } /* ===== HERO ===== */ .hero { background: linear-gradient(135deg, var(--azul) 0%, var(--azul-medio) 60%, var(--azul-claro) 100%); color: white; padding: 70px 40px 60px; text-align: center; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: -80px; right: -80px; width: 350px; height: 350px; background: rgba(255,255,255,0.05); border-radius: 50%; } .hero::after { content: ''; position: absolute; bottom: -100px; left: -60px; width: 300px; height: 300px; background: rgba(255,255,255,0.04); border-radius: 50%; } .hero .badge { display: inline-block; background: rgba(255,209,102,0.2); border: 1.5px solid var(--amarillo); color: var(--amarillo); font-size: 12px; font-weight: 800; padding: 5px 16px; border-radius: 20px; margin-bottom: 18px; letter-spacing: 1px; text-transform: uppercase; } .hero h1 { font-size: 38px; font-weight: 900; line-height: 1.2; margin-bottom: 14px; } .hero h1 span { color: var(--amarillo); } .hero p { font-size: 16px; opacity: 0.9; max-width: 600px; margin: 0 auto 30px; line-height: 1.6; } .hero .modulos-count { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; } .hero .stat { text-align: center; } .hero .stat .num { font-size: 32px; font-weight: 900; color: var(--amarillo); } .hero .stat .label { font-size: 12px; opacity: 0.8; font-weight: 600; } /* ===== CONTENEDOR ===== */ .container { max-width: 900px; margin: 0 auto; padding: 0 20px; } /* ===== ÍNDICE ===== */ .indice { background: white; border-radius: 16px; padding: 30px; margin: 40px auto; max-width: 900px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); } .indice h2 { font-size: 18px; font-weight: 800; color: var(--azul); margin-bottom: 18px; display: flex; align-items: center; gap: 8px; } .indice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; } .indice-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 10px; background: var(--gris); text-decoration: none; color: #2d2d2d; font-size: 13px; font-weight: 700; transition: all 0.2s; border-left: 4px solid transparent; } .indice-item:hover { background: #e8f0fe; border-left-color: var(--azul-medio); transform: translateX(4px); } .indice-item .num-badge { width: 26px; height: 26px; border-radius: 50%; background: var(--azul-medio); color: white; font-size: 12px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } /* ===== MÓDULOS ===== */ .modulo { background: white; border-radius: 20px; margin: 30px auto; max-width: 900px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.08); } .modulo-header { padding: 24px 32px; display: flex; align-items: center; gap: 16px; } .modulo-header .mod-icon { width: 56px; height: 56px; border-radius: 16px; background: rgba(255,255,255,0.25); display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; } .modulo-header .mod-num { font-size: 11px; font-weight: 800; opacity: 0.8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; } .modulo-header h2 { font-size: 20px; font-weight: 900; color: white; } .modulo-body { padding: 28px 32px; } /* Colores por módulo */ .m1 .modulo-header { background: linear-gradient(135deg, #c94a00, #ff6b35); } .m2 .modulo-header { background: linear-gradient(135deg, #b5004e, #e63b6f); } .m3 .modulo-header { background: linear-gradient(135deg, #1a7a40, #2ecc71); } .m4 .modulo-header { background: linear-gradient(135deg, #1a5f8a, #3498db); } .m5 .modulo-header { background: linear-gradient(135deg, #6a1a8a, #9b59b6); } .m6 .modulo-header { background: linear-gradient(135deg, #a06000, #f39c12); } /* ===== CARDS DE CONTENIDO ===== */ .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 16px; } .card { border-radius: 12px; padding: 16px; font-size: 13.5px; line-height: 1.5; } .card .card-icon { font-size: 26px; margin-bottom: 8px; } .card h3 { font-size: 14px; font-weight: 800; margin-bottom: 6px; } .card-naranja { background: #fff3ed; border: 1.5px solid #ffd0b8; } .card-naranja h3 { color: #c94a00; } .card-rojo { background: #fff0f5; border: 1.5px solid #ffd0e0; } .card-rojo h3 { color: #b5004e; } .card-verde { background: #f0fff4; border: 1.5px solid #b8f0cc; } .card-verde h3 { color: #1a7a40; } .card-azul { background: #f0f8ff; border: 1.5px solid #c0dff8; } .card-azul h3 { color: #1a5f8a; } .card-morado { background: #fdf0ff; border: 1.5px solid #e8c0f8; } .card-morado h3 { color: #6a1a8a; } .card-amarillo { background: #fffbf0; border: 1.5px solid #ffe0a0; } .card-amarillo h3 { color: #a06000; } /* ===== LISTA DE ITEMS ===== */ .item-list { list-style: none; margin-top: 12px; } .item-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px; line-height: 1.5; } .item-list li:last-child { border-bottom: none; } .item-list li .dot { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; color: white; flex-shrink: 0; margin-top: 1px; } .dot-naranja { background: var(--naranja); } .dot-rojo { background: var(--rojo); } .dot-verde { background: var(--verde); } .dot-azul { background: var(--azul-medio); } .dot-morado { background: #9b59b6; } .dot-amarillo { background: #f39c12; } /* ===== SÍNTOMAS GRID ===== */ .sintomas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; } .sintoma-card { background: #fff0f5; border: 2px solid #ffd0e0; border-radius: 14px; padding: 16px 10px; text-align: center; } .sintoma-card .s-emoji { font-size: 32px; margin-bottom: 8px; } .sintoma-card h3 { font-size: 13px; font-weight: 800; color: #b5004e; margin-bottom: 4px; } .sintoma-card p { font-size: 11.5px; color: #666; line-height: 1.4; } /* ===== CAPULLO ===== */ .capullo-box { background: linear-gradient(135deg, #f0fff4, #e0f8ea); border: 2px solid #b8f0cc; border-radius: 16px; padding: 20px 24px; margin-top: 16px; display: flex; align-items: center; gap: 16px; } .capullo-box .capullo-emoji { font-size: 48px; } .capullo-box h3 { font-size: 16px; font-weight: 900; color: var(--verde-oscuro); margin-bottom: 6px; } .capullo-box p { font-size: 13px; color: #2d6a40; line-height: 1.5; } /* ===== PREVENCIÓN GRID ===== */ .prev-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 16px; } .prev-card { background: #f0f8ff; border: 2px solid #c0dff8; border-radius: 14px; padding: 16px; display: flex; align-items: center; gap: 12px; } .prev-card .p-emoji { font-size: 32px; flex-shrink: 0; } .prev-card h3 { font-size: 14px; font-weight: 800; color: #1a5f8a; margin-bottom: 3px; } .prev-card p { font-size: 12px; color: #4a7a9b; line-height: 1.4; } /* ===== PASOS ===== */ .pasos { margin-top: 16px; } .paso { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid #f0f0f0; } .paso:last-child { border-bottom: none; } .paso .paso-num { width: 36px; height: 36px; border-radius: 50%; background: #9b59b6; color: white; font-size: 16px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .paso h3 { font-size: 14px; font-weight: 800; color: #6a1a8a; margin-bottom: 4px; } .paso p { font-size: 13px; color: #555; line-height: 1.5; } /* ===== ALERTAS ===== */ .alertas-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px; } .alerta-card { background: #fff8e1; border: 2px solid #f39c12; border-radius: 14px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; } .alerta-card .a-emoji { font-size: 28px; flex-shrink: 0; } .alerta-card h3 { font-size: 14px; font-weight: 800; color: #a06000; margin-bottom: 3px; } .alerta-card p { font-size: 12px; color: #7a5000; line-height: 1.4; } .alerta-urgente { background: #fff0f0; border: 2px solid #e74c3c; border-radius: 14px; padding: 16px 20px; margin-top: 16px; display: flex; align-items: center; gap: 14px; } .alerta-urgente .u-emoji { font-size: 36px; } .alerta-urgente h3 { font-size: 15px; font-weight: 900; color: #c0392b; margin-bottom: 4px; } .alerta-urgente p { font-size: 13px; color: #922b21; line-height: 1.5; } /* ===== INTRO ===== */ .intro-box { background: linear-gradient(135deg, #f0f8ff, #e8f4fd); border-left: 5px solid var(--azul-medio); border-radius: 0 14px 14px 0; padding: 20px 24px; margin-bottom: 20px; font-size: 14px; line-height: 1.7; color: #2d4a6b; } .intro-box strong { color: var(--azul); } /* ===== FOOTER ===== */ footer { background: var(--azul); color: white; margin-top: 50px; } .footer-top { padding: 40px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; max-width: 900px; margin: 0 auto; } .footer-col h3 { font-size: 14px; font-weight: 800; color: var(--amarillo); margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.5px; } .footer-col p, .footer-col a { font-size: 13px; color: rgba(255,255,255,0.8); line-height: 1.8; text-decoration: none; display: block; } .footer-col a:hover { color: var(--amarillo); } .footer-logo-col { display: flex; flex-direction: column; align-items: center; text-align: center; } .footer-logo-col img { height: 70px; border-radius: 12px; margin-bottom: 12px; background: white; padding: 6px; } .footer-logo-col .fundacion-name { font-size: 16px; font-weight: 900; color: white; margin-bottom: 4px; } .footer-logo-col .fundacion-sub { font-size: 12px; color: rgba(255,255,255,0.7); } .footer-contact-item { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 13px; color: rgba(255,255,255,0.85); } .footer-contact-item .c-icon { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .c-green { background: #25d366; } .c-blue { background: var(--azul-medio); } .c-orange { background: var(--naranja); } .whatsapp-btn { display: inline-flex; align-items: center; gap: 8px; background: #25d366; color: white; text-decoration: none; padding: 10px 20px; border-radius: 25px; font-size: 14px; font-weight: 800; margin-top: 10px; transition: all 0.2s; } .whatsapp-btn:hover { background: #1da851; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,211,102,0.4); } .footer-bottom { background: rgba(0,0,0,0.2); text-align: center; padding: 16px; font-size: 12px; color: rgba(255,255,255,0.6); } .footer-bottom a { color: var(--amarillo); text-decoration: none; } /* ===== RESPONSIVE ===== */ @media (max-width: 600px) { .hero h1 { font-size: 26px; } .sintomas-grid { grid-template-columns: repeat(2, 1fr); } .alertas-grid { grid-template-columns: 1fr; } .prev-grid { grid-template-columns: 1fr; } .footer-top { grid-template-columns: 1fr; } nav .nav-links { display: none; } .modulo-body { padding: 20px; } } </style> </head> <body> <!-- NAVBAR --> <nav> <a href="https://fundacionahava.org" target="_blank" class="nav-logo"> <img src="https://fundacionahava.org/wp-content/uploads/2024/10/cropped-Logo-Ahava-1.png" alt="Fundación Ahava" onerror="this.style.display='none'"> <span class="nav-brand">Fundación <span>Ahava</span></span> </a> <ul class="nav-links"> <li><a href="#modulo1">Módulo 1</a></li> <li><a href="#modulo2">Módulo 2</a></li> <li><a href="#modulo3">Módulo 3</a></li> <li><a href="#modulo4">Módulo 4</a></li> <li><a href="#modulo5">Módulo 5</a></li> <li><a href="#modulo6">Módulo 6</a></li> </ul> </nav> <!-- HERO --> <div class="hero"> <div class="badge">🎓 Curso Educativo para Familias</div> <h1>Influenza en<br><span>Pacientes Oncológicos</span></h1> <p>Todo lo que necesitás saber para proteger a tu pequeño guerrero durante el tratamiento contra el cáncer.</p> <div class="modulos-count"> <div class="stat"><div class="num">6</div><div class="label">Módulos</div></div> <div class="stat"><div class="num">🛡️</div><div class="label">Prevención</div></div> <div class="stat"><div class="num">❤️</div><div class="label">Con amor</div></div> </div> </div> <!-- ÍNDICE --> <div class="container"> <div class="indice"> <h2>📋 Contenido del Curso</h2> <div class="indice-grid"> <a href="#modulo1" class="indice-item"><div class="num-badge">1</div> ¿Por qué es más peligrosa?</a> <a href="#modulo2" class="indice-item"><div class="num-badge">2</div> Síntomas a vigilar</a> <a href="#modulo3" class="indice-item"><div class="num-badge">3</div> Vacunación: nuestra aliada</a> <a href="#modulo4" class="indice-item"><div class="num-badge">4</div> Prevención en casa</a> <a href="#modulo5" class="indice-item"><div class="num-badge">5</div> ¿Qué hacer si hay contagio?</a> <a href="#modulo6" class="indice-item"><div class="num-badge">6</div> Señales de alarma urgente</a> </div> </div> </div> <!-- MÓDULO 1 --> <div class="container"> <div class="modulo m1" id="modulo1"> <div class="modulo-header"> <div class="mod-icon">⚠️</div> <div> <div class="mod-num">Módulo 1</div> <h2>¿Por qué la influenza es más peligrosa en oncología?</h2> </div> </div> <div class="modulo-body"> <div class="intro-box"> La influenza <strong>no es un resfriado común</strong>. En niños con cáncer, puede convertirse en una emergencia médica. Entender por qué es el primer paso para protegerlos. </div> <div class="cards-grid"> <div class="card card-naranja"> <div class="card-icon">🛡️</div> <h3>Sistema inmune debilitado</h3> <p>La quimioterapia reduce los neutrófilos (glóbulos blancos), dejando al cuerpo sin defensas para combatir el virus.</p> </div> <div class="card card-naranja"> <div class="card-icon">🫁</div> <h3>Riesgo de neumonía</h3> <p>La influenza puede derivar rápidamente en neumonía grave, que en pacientes oncológicos puede ser fatal.</p> </div> <div class="card card-naranja"> <div class="card-icon">🏥</div> <h3>Hospitalizaciones prolongadas</h3> <p>Un contagio puede significar semanas de internación y retrasos importantes en el tratamiento contra el cáncer.</p> </div> </div> </div> </div> </div> <!-- MÓDULO 2 --> <div class="container"> <div class="modulo m2" id="modulo2"> <div class="modulo-header"> <div class="mod-icon">🌡️</div> <div> <div class="mod-num">Módulo 2</div> <h2>Síntomas a vigilar</h2> </div> </div> <div class="modulo-body"> <div class="intro-box"> Los síntomas de la influenza aparecen de forma <strong>súbita e intensa</strong>. En pacientes oncológicos, la <strong>fiebre es la señal más importante</strong> y siempre debe consultarse al médico de inmediato. </div> <div class="sintomas-grid"> <div class="sintoma-card"> <div class="s-emoji">🌡️</div> <h3>Fiebre alta</h3> <p>Aparece de forma repentina. Es la señal más crítica en oncología.</p> </div> <div class="sintoma-card"> <div class="s-emoji">😮💨</div> <h3>Tos seca</h3> <p>Persistente e irritante, puede indicar compromiso respiratorio.</p> </div> <div class="sintoma-card"> <div class="s-emoji">😩</div> <h3>Cansancio extremo</h3> <p>Fatiga intensa que va más allá del cansancio habitual del tratamiento.</p> </div> <div class="sintoma-card"> <div class="s-emoji">🤕</div> <h3>Dolores musculares</h3> <p>Dolor generalizado en el cuerpo, especialmente en piernas y espalda.</p> </div> <div class="sintoma-card"> <div class="s-emoji">🤧</div> <h3>Secreción nasal</h3> <p>Congestión o moqueo que acompaña a los demás síntomas.</p> </div> <div class="sintoma-card"> <div class="s-emoji">😖</div> <h3>Dolor de garganta</h3> <p>Molestia al tragar que puede indicar infección activa.</p> </div> </div> </div> </div> </div> <!-- MÓDULO 3 --> <div class="container"> <div class="modulo m3" id="modulo3"> <div class="modulo-header"> <div class="mod-icon">💉</div> <div> <div class="mod-num">Módulo 3</div> <h2>Vacunación: nuestra mejor aliada</h2> </div> </div> <div class="modulo-body"> <div class="intro-box"> Existen muchos mitos sobre la vacuna contra la influenza. Aquí aclaramos la realidad con información basada en evidencia médica. </div> <ul class="item-list"> <li> <div class="dot dot-verde">✓</div> <span><strong>Es segura:</strong> Se utiliza la vacuna de virus inactivados (muertos). No puede causar la enfermedad.</span> </li> <li> <div class="dot dot-verde">✓</div> <span><strong>Momento ideal:</strong> El oncólogo determinará cuándo vacunar al niño según sus niveles de defensas actuales.</span> </li> <li> <div class="dot dot-verde">✓</div> <span><strong>Anual:</strong> La vacuna debe aplicarse cada año porque el virus muta constantemente.</span> </li> </ul> <div class="capullo-box"> <div class="capullo-emoji">🫂</div> <div> <h3>El Efecto "Capullo"</h3> <p>Todos los que conviven con el niño — <strong>papá, mamá, hermanos, abuelos y cuidadores</strong> — deben vacunarse. Esto crea un escudo protector alrededor del paciente, reduciendo drásticamente el riesgo de contagio en el hogar.</p> </div> </div> </div> </div> </div> <!-- MÓDULO 4 --> <div class="container"> <div class="modulo m4" id="modulo4"> <div class="modulo-header"> <div class="mod-icon">🧼</div> <div> <div class="mod-num">Módulo 4</div> <h2>Medidas de prevención en casa y el hospital</h2> </div> </div> <div class="modulo-body"> <div class="intro-box"> Pequeñas acciones cotidianas generan grandes cambios. Estas medidas deben convertirse en hábitos permanentes durante el tratamiento. </div> <div class="prev-grid"> <div class="prev-card"> <div class="p-emoji">🙌</div> <div> <h3>Lavado de manos</h3> <p>Con agua y jabón por al menos 20 segundos. Antes y después de cada contacto con el niño.</p> </div> </div> <div class="prev-card"> <div class="p-emoji">😷</div> <div> <h3>Uso de mascarilla</h3> <p>Especialmente en salas de espera, transporte público y lugares concurridos.</p> </div> </div> <div class="prev-card"> <div class="p-emoji">🚫</div> <div> <h3>Evitar visitas con síntomas</h3> <p>Aunque digan "es solo una alergia". Ante la duda, posponer la visita.</p> </div> </div> <div class="prev-card"> <div class="p-emoji">🧹</div> <div> <h3>Desinfectar superficies</h3> <p>Juguetes, controles remotos, manijas de puertas y teléfonos celulares.</p> </div> </div> </div> </div> </div> </div> <!-- MÓDULO 5 --> <div class="container"> <div class="modulo m5" id="modulo5"> <div class="modulo-header"> <div class="mod-icon">📋</div> <div> <div class="mod-num">Módulo 5</div> <h2>¿Qué hacer si sospechamos un contagio?</h2> </div> </div> <div class="modulo-body"> <div class="intro-box"> Si el niño o alguien en casa presenta síntomas de influenza, seguí estos pasos en orden. <strong>La calma y la acción rápida son fundamentales.</strong> </div> <div class="pasos"> <div class="paso"> <div class="paso-num">1</div> <div> <h3>No automedicar</h3> <p>Nunca dar medicamentos para la fiebre, antivirales ni ningún otro fármaco sin consultar primero al oncólogo. Algunos medicamentos pueden interferir con el tratamiento.</p> </div> </div> <div class="paso"> <div class="paso-num">2</div> <div> <h3>Comunicación inmediata con el equipo médico</h3> <p>Llamar al oncólogo o al servicio de guardia del hospital. Ellos decidirán si el niño debe ir a urgencias o si puede manejarse en casa con monitoreo estricto.</p> </div> </div> <div class="paso"> <div class="paso-num">3</div> <div> <h3>Aislamiento preventivo del familiar enfermo</h3> <p>Si un hermano u otro familiar está enfermo, mantenerlo en una habitación separada del paciente oncológico y limitar el contacto al mínimo indispensable.</p> </div> </div> <div class="paso"> <div class="paso-num">4</div> <div> <h3>Registrar los síntomas</h3> <p>Anotar cuándo comenzó la fiebre, su temperatura exacta, y qué otros síntomas presenta. Esta información es muy valiosa para el médico.</p> </div> </div> </div> </div> </div> </div> <!-- MÓDULO 6 --> <div class="container"> <div class="modulo m6" id="modulo6"> <div class="modulo-header"> <div class="mod-icon">🚨</div> <div> <div class="mod-num">Módulo 6</div> <h2>Señales de alarma: ir a urgencias de inmediato</h2> </div> </div> <div class="modulo-body"> <div class="intro-box"> Ante cualquiera de estas señales, <strong>no esperar</strong>. Dirigirse directamente a la guardia del hospital oncológico o llamar al servicio de emergencias. </div> <div class="alertas-grid"> <div class="alerta-card"> <div class="a-emoji">😰</div> <div> <h3>Dificultad para respirar</h3> <p>Respiración rápida, agitada o con esfuerzo visible.</p> </div> </div> <div class="alerta-card"> <div class="a-emoji">💙</div> <div> <h3>Labios o uñas azulados</h3> <p>Señal de falta de oxígeno. Emergencia inmediata.</p> </div> </div> <div class="alerta-card"> <div class="a-emoji">💧</div> <div> <h3>Signos de deshidratación</h3> <p>Boca seca, sin lágrimas al llorar, orina muy oscura o ausente.</p> </div> </div> <div class="alerta-card"> <div class="a-emoji">🌡️</div> <div> <h3>Fiebre que no cede</h3> <p>Temperatura que no baja con las indicaciones médicas previas.</p> </div> </div> </div> <div class="alerta-urgente"> <div class="u-emoji">🚑</div> <div> <h3>Recordá siempre</h3> <p>En pacientes oncológicos, <strong>cualquier fiebre es una urgencia</strong> hasta que el médico diga lo contrario. Es mejor una consulta de más que una de menos.</p> </div> </div> </div> </div> </div> <!-- FOOTER --> <footer> <div class="footer-top"> <!-- Logo y nombre --> <div class="footer-col footer-logo-col"> <img src="https://fundacionahava.org/wp-content/uploads/2024/10/cropped-Logo-Ahava-1.png" alt="Logo Fundación Ahava" onerror="this.style.display='none'"> <div class="fundacion-name">Fundación Ahava</div> <div class="fundacion-sub">Humanizando la salud infantil</div> <br> <p style="font-size:12px; color:rgba(255,255,255,0.65); text-align:center; line-height:1.6;"> "La medicina cura el cuerpo,<br>pero el amor sostiene el alma." </p> </div> <!-- Contacto --> <div class="footer-col"> <h3>📞 Contacto</h3> <div class="footer-contact-item"> <div class="c-icon c-green">💬</div> <div> <strong style="color:white;">WhatsApp</strong><br> <a href="https://wa.me/5492944809091" target="_blank" style="color:#25d366;">2944 809091</a> </div> </div> <div class="footer-contact-item"> <div class="c-icon c-blue">🌐</div> <div> <strong style="color:white;">Sitio Web</strong><br> <a href="https://fundacionahava.org" target="_blank">fundacionahava.org</a> </div> </div> <div class="footer-contact-item"> <div class="c-icon c-orange">📧</div> <div> <strong style="color:white;">Email</strong><br> <a href="mailto:fundacionahava.org@gmail.com">fundacionahava.org@gmail.com</a> </div> </div> <a href="https://wa.me/5492944809091" target="_blank" class="whatsapp-btn"> 💬 Escribinos por WhatsApp </a> </div> <!-- Links --> <div class="footer-col"> <h3>🔗 Recursos</h3> <a href="https://fundacionahava.org/soypaciente/" target="_blank">👶 Soy Paciente</a> <a href="https://fundacionahava.org/quienes-somos-2/" target="_blank">🦸 Onco Heroes</a> <a href="https://fundacionahava.org/oncolife/" target="_blank">🏃 Onco Fisio</a> <a href="https://fundacionahava.org/vacunas/" target="_blank">💉 Proyecto Un Solo Pinchazo</a> <a href="https://fundacionahava.org/blog/" target="_blank">📰 Blog</a> <a href="https://fundacionahava.org/contact/" target="_blank">📬 Contacto</a> <br> <h3 style="margin-top:14px;">📱 Redes Sociales</h3> <a href="https://www.instagram.com/oncoheroes" target="_blank">📸 Instagram @oncoheroes</a> <a href="https://www.facebook.com/ahava.fundacion" target="_blank">👍 Facebook</a> <a href="https://www.youtube.com/@oncoheroes" target="_blank">▶️ YouTube @oncoheroes</a> </div> </div> <div class="footer-bottom"> <p>© 2026 <a href="https://fundacionahava.org" target="_blank">Fundación Ahava</a> · Bariloche, Río Negro, Argentina · Todos los derechos reservados</p> <p style="margin-top:6px;">Este material es educativo y no reemplaza la consulta médica. Ante cualquier duda, consultá siempre con tu equipo de oncología.</p> </div> </footer> </body> </html>
