Content Customization

<h2>Nuestra Misión</h2>
<p>
    Acompañar y apoyar a niños hospitalizados y sus familias en el Hospital del Niño y comunidades vulnerables de Perú, 
    a través del voluntariado y la alegría, transformando momentos de dolor en instantes de esperanza y conexión humana.
</p>

<h2>Nuestra Visión</h2>
<p>
    Ser un movimiento de transformación social donde el voluntariado no sea solo una acción, sino una forma de vida. 
    Un Perú donde cada niño se sienta acompañado, valorado y capaz de soñar grande, incluso en los momentos más difíciles.
</p>

<h1>"Estuve enfermo y me visitaste"</h1>
<p>— Mt 25:36 —</p>
<p>Acompañamos a niños y familias en su proceso de recuperación...</p>

<h2>Nuestro Impacto en el Hospital del Niño</h2>

<h2>Historias que Transforman Vidas</h2>
<p class="galeria-subtitulo">Cada momento cuenta. Cada sonrisa importa.</p>

<h1>🤡 El Clow de Siloé 🤡</h1>
<p class="clow-tagline">La Magia de la Risa es Nuestra Medicina</p>

<h2>Frases que Nos Inspiran</h2>

<div class="stat-box">
    <h3 style="font-size: 2.5rem; color: var(--amarillo-vibrante);">+500</h3>
    <p>Niños acompañados anualmente</p>
</div>

<div class="stat-box">
    <h3 style="font-size: 2.5rem; color: var(--rosa-vibrante);">+200</h3>
    <p>Voluntarios activos</p>
</div>

<div class="stat-box">
    <h3 style="font-size: 2.5rem; color: var(--azul-siloe);">+10</h3>
    <p>Años de impacto</p>
</div>

<div class="stat-box">
    <h3 style="font-size: 2.5rem; color: var(--rosa-vibrante);">100%</h3>
    <p>Compromiso con la misión</p>
</div>

<div class="card">
    <h3>Acompañamiento en Camas</h3>
    <p>Lectura de cuentos, juegos de mesa y escucha activa para reducir el estrés de la hospitalización.</p>
</div>

<div class="actividad-card">
    <div class="actividad-header">
        <span class="actividad-icon">👥</span>
        <h3>Voluntariado Hospitalario</h3>
    </div>
    <p>Nuestros voluntarios acompañan diariamente a niños hospitalizados...</p>
</div>

<button id="btn-nosotros" class="nav-btn nav-btn-active">
    ℹ️ Nosotros
</button>
<button id="btn-voluntarios" class="nav-btn">
    👥 Voluntariado Siloé
</button>
<button id="btn-clow" class="nav-btn">
    🤡 Clow de Siloé
</button>
<button id="btn-aliados" class="nav-btn">
    🤝 Nuestros Aliados
</button>

<button type="submit" class="btn-enviar">ENVIAR MI SOLICITUD</button>

<button type="submit" class="btn-enviar btn-clow-submit">¡SÍ, QUIERO SER CLOWN DE SILOÉ!</button>

<h2 style="font-size: 2.2rem; margin-bottom: 20px;">¿Quieres Ser Parte del Cambio?</h2>
<p style="font-size: 1.1rem; max-width: 600px; margin: 0 auto 40px;">
    Tu voluntariado puede transformar la vida de un niño. 
    Únete a nuestra comunidad de solidaridad y descubre el poder de hacer una diferencia.
</p>
<div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
    <button class="nosotros-btn-volunteer" onclick="document.getElementById('btn-voluntarios').click()">
        👥 Sé Voluntario
    </button>
    <button class="nosotros-btn-clow" onclick="document.getElementById('btn-clow').click()">
        🤡 Sé Clown
    </button>
</div>

<footer>
    <p>Siloé Perú - Transformando el dolor en esperanza</p>
    <div class="social-icons">
        <a href="https://www.facebook.com/siloe.peru" target="_blank" rel="noopener">Facebook</a>
        <a href="https://www.instagram.com/siloeperu/" target="_blank" rel="noopener">Instagram</a>
    </div>
    <p style="font-size: 0.7rem; margin-top: 20px; opacity: 0.6;">© 2026 Siloé Perú. Todos los derechos reservados.</p>
</footer>

<div class="galeria-flip-back">
    <div class="galeria-historia">
        <p class="historia-titulo">🤝 Comunidad</p>
        <p class="historia-texto">
            "Un voluntario es fuerte, pero una comunidad de voluntarios es invencible. 
            Trabajamos juntos para crear un impacto tan grande que ningún niño se sienta abandonado."
        </p>
        <p class="historia-autor">— Misión Siloé</p>
    </div>
</div>

<div class="clow-intro">
    <p>
        En los pasillos del Hospital del Niño, la risa es medicina. Nuestros clowns hospitalarios 
        transforman momentos de miedo y dolor en instantes de alegría y esperanza...
    </p>
    <p>
        No somos performers que buscan aplausos. Somos acompañantes que entienden que en el rostro 
        de cada niño hospitalizado hay universos de emociones...
    </p>
</div>

<h2 style="text-align:center;">Formulario de Postulación - Voluntarios</h2>
<p style="text-align:center;">Tu seguridad y la de los niños es nuestra prioridad. Por favor, completa tus datos.</p>

<h2 style="text-align:center;">¡Únete como Clown de Siloé!</h2>
<p style="text-align:center; font-weight: 300;">Queremos conocer a nuevos voluntarios que traigan alegría y esperanza a nuestros niños.</p>

<div class="valor-item">
    <div class="valor-numero">1</div>
    <h3>Compasión</h3>
    <p>Sentir el dolor ajeno como propio y responder con acciones oportunas y generosas.</p>
</div>