/* ========================================
   RESPONSIVE / MEDIA QUERIES
   Breakpoints: 1024px (tablet), 768px (movil).
   ======================================== */

@media (max-width: 1024px) {
    .hero-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .hero-texto {
        max-width: 100%;
    }

    .hero-botones {
        justify-content: center;
    }

    .hero-stats {
        justify-content: center;
    }

    .hero-visual {
        display: none;
    }

    .servicios-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .equipo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .testimonios-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .conexion-content {
        grid-template-columns: 1fr;
    }

    .ubicacion-content {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .seccion {
        padding: 72px 0;
    }

    .titulo-seccion {
        font-size: 2rem;
    }

    .hero h1 {
        font-size: 2.25rem;
    }

    .navbar-links {
        display: none;
    }

    .servicios-grid,
    .equipo-grid,
    .testimonios-grid {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .hero-stats {
        gap: 24px;
    }

    .convenios-logos {
        gap: 24px;
    }
}