/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media (max-width: 1350px) {
    .header-text-container { margin-top: 240px; }
    .aliados { display: block; padding: 40px 20px; height: auto; }
    .galeria-info p { font-size: 1rem; }
}

@media (max-width: 1024px) {
    .header-text-container { margin-left: -250px; }
    .testimonio { flex: 0 0 45%; }
    #galeria { height: 100vh; grid-template-columns: repeat(2, 1fr); }
    #actividades { top: -150px; display: block; }
    .actividades-info, .actividades-imagenes { width: 100%; max-width: 100%; margin: 0 auto 40px; text-align: center; }
    .contenedor .content { min-width: 280px; }
    #info-section { padding: 30px; }
}

@media (max-width: 767px) {
    header {
        background-image: url('https://www.ecosescuela.com/images/slider/Main3-768x1200.jpg');
        height: auto;
    }
    .testimonio { flex: 0 0 100%; }
    #info-section { flex-direction: column; justify-content: center; }
    .contenedor { width: 100%; height: 420px; }
    .header-text { margin-left: 2px; }
    .header-title { font-size: 2.2rem; }
    .header-text h4 { font-size: 1.3rem; }
    .logo { top: 70px; }

    /* Actividades centrado en móvil */
    #actividades {
        display: block !important;
        text-align: center;
    }
    .actividades-info {
        display: inline-block !important;
        width: auto !important;
        max-width: 320px !important;
        margin: 0 auto 30px !important;
        text-align: center;
    }
    .actividades-imagenes {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .header-text { min-width: 320px; }
    .header-text .showFormButton { display: none; }

    /* Footer móvil */
    .footer-main {
        padding: 30px 20px;
        gap: 25px;
    }
    .footer-logo {
        height: 60px;
        padding: 8px 14px;
    }
    .footer-desc {
        font-size: 0.85rem;
    }
    .footer-links h4,
    .footer-contact h4 {
        font-size: 0.9rem;
        margin-bottom: 15px;
    }
    .footer-links a,
    .footer-contact-item span {
        font-size: 0.82rem;
    }
    .footer-bottom {
        padding: 15px 20px;
        gap: 10px;
    }
    .footer-bottom p {
        font-size: 0.75rem;
    }
    .footer-bottom-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }
    .footer-bottom-links a {
        font-size: 0.75rem;
    }
}