/* =====================================================
   CLOSTERING DOMINICANA - MEDIA QUERIES (RESPONSIVE)
===================================================== */

/* --- Tablets y Laptops Pequeñas (Menos de 992px) --- */
@media (max-width: 992px) {
    section {
        padding: 60px 0;
    }

    .section-title {
        font-size: 2rem;
    }

    /* Navbar Ajustes */
    .nav-links {
        gap: 15px;
    }
    
    .navbar .btn-primary {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    /* Estructuras de 2 Columnas pasan a 1 Columna */
    .hero-container,
    .solutions-container,
    .why-container,
    .contact-container {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .hero-content h1 {
        font-size: 2.4rem;
    }

    .hero-actions, .info-list {
        justify-content: center;
    }

    .solutions-image, .why-image, .hero-image {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
}

/* --- Teléfonos Inteligentes (Menos de 768px) --- */
@media (max-width: 768px) {
    /* Por legibilidad y espacio en Mobile, ocultamos temporalmente los links del navbar */
    /* Más adelante podemos unirlos a un botón hamburguesa con JS si lo deseas */
    .nav-links {
        display: none; 
    }

    .navbar {
        height: 70px;
    }

    header.scrolled .navbar {
        height: 65px;
    }

    .logo img {
        height: 38px;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .hero-actions {
        flex-direction: column;
        width: 100%;
    }

    .hero-actions .btn-primary,
    .hero-actions .btn-secondary {
        width: 100%;
    }

    .form-row {
        flex-direction: column;
        gap: 18px;
    }

    .contact-card {
        padding: 25px 20px;
    }

    .footer-content {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
}