Partnerships

<section class="aliados-hero" 
         style="background: linear-gradient(135deg, rgba(41, 171, 226, 0.75), rgba(255, 107, 180, 0.75)); 
                padding: 60px 20px; 
                text-align: center; 
                color: white;">
    <h1>🤝 Nuestros Aliados</h1>
    <p>Instituciones comprometidas con transformar vidas a través de la solidaridad y el voluntariado.</p>
    <p style="font-style: italic; margin-top: 20px;">Juntos, hacemos la diferencia</p>
</section>

<section class="aliados-info">
    <h2>Universidad Peruana de Ciencias Aplicadas - UPC</h2>
    <div class="aliado-contenido">
        <div class="aliado-texto">
            <h3>Nuestra Alianza Estratégica</h3>
            <p>
                La Universidad Peruana de Ciencias Aplicadas es un partner clave en nuestra misión de transformar vidas. 
                Colaboramos en proyectos de responsabilidad social universitaria, brindando oportunidades a estudiantes 
                de diferentes carreras para participar en nuestras iniciativas de voluntariado en el Hospital del Niño 
                y comunidades vulnerables.
            </p>
            <p>
                Los estudiantes de UPC aportan energía, creatividad e ilusión, generando un impacto significativo en la vida 
                de los niños hospitalizados. Esta alianza fortalece el compromiso de ambas instituciones con la responsabilidad 
                social y la transformación de la sociedad peruana.
            </p>
            <ul style="margin-top: 20px; text-align: left; max-width: 600px; margin-left: auto; margin-right: auto;">
                <li style="margin-bottom: 12px;"><strong>Voluntariado Académico:</strong> Estudiantes de diversas carreras participan en nuestros programas</li>
                <li style="margin-bottom: 12px;"><strong>Investigación Social:</strong> Proyectos de investigación sobre impacto de voluntariado</li>
                <li style="margin-bottom: 12px;"><strong>Capacitación:</strong> Talleres y entrenamientos para voluntarios de UPC</li>
                <li><strong>Apoyo Institucional:</strong> Recursos y espacio para desarrollar nuestros proyectos</li>
            </ul>
        </div>
    </div>
</section>

<ul style="margin-top: 20px; text-align: left; max-width: 600px; margin-left: auto; margin-right: auto;">
    <li style="margin-bottom: 12px;">
        <strong>Voluntariado Académico:</strong> Estudiantes de diversas carreras participan en nuestros programas
    </li>
    <!-- More list items... -->
</ul>

<section class="galeria-impacto galeria-aliados">
    <h2>Momentos de Impacto</h2>
    <p class="galeria-subtitulo">Estudiantes de UPC transformando vidas junto a Siloé.</p>
    
    <div class="galeria-grid">
        <!-- Placeholder - User will add images later -->
        <div style="grid-column: 1 / -1; text-align: center; padding: 60px 20px; color: #999;">
            <p style="font-size: 1.2rem; margin-bottom: 10px;">📸 Galería de Imágenes</p>
            <p>Las imágenes de nuestros momentos con UPC irán aquí. Próximamente.</p>
        </div>
    </div>
</section>

/* Gallery for partnerships */
.galeria-aliados {
    background: linear-gradient(135deg, #e8f4f8, #f0e8f8);
}

.galeria-aliados h2 {
    color: var(--azul-siloe);
}

@media (max-width: 768px) {
    .aliado-contenido {
        flex-direction: column;
        gap: 30px;
    }
    
    .aliados-info h2 {
        font-size: 1.8rem;
    }
    
    .aliado-texto h3 {
        font-size: 1.5rem;
    }
    
    .aliado-texto p {
        text-align: left;
    }
    
    .aliados-hero h1 {
        font-size: 2rem;
    }
}

<button id="btn-aliados" class="nav-btn">
    🤝 Nuestros Aliados
</button>

if (btnAliados) {
    btnAliados.addEventListener('click', function(e) {
        e.preventDefault();
        mostrarSeccion('aliados');
    });
}