@media(max-width:992px) {

    :root {

        --section-padding: 70px;

    }

}

@media(max-width:768px) {

    :root {

        --section-padding: 70px;

    }

}

@media(max-width:992px) {

    .hero {

        padding: 130px 0 60px;

        text-align: center;

    }

    .hero h1 {

        font-size: 2.4rem;

    }

    .hero-buttons {

        justify-content: center;

        flex-wrap: wrap;

    }

    .hero-image {

        margin-top: 50px;

    }

}

/* ABOUT RESPONSIVE */

@media(max-width: 900px) {

    .about-container {
        grid-template-columns: 1fr;
    }


    .about-content h2 {
        font-size: 32px;
    }


    .about-cards {
        grid-template-columns: 1fr;
    }

}

/* CATEGORIES RESPONSIVE */


@media(max-width:1000px) {

    .categories-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}



@media(max-width:600px) {

    .categories-grid {

        grid-template-columns: 1fr;

    }


    .section-header h2 {

        font-size: 30px;

    }

}

/* PRODUCTS RESPONSIVE */


@media(max-width:1000px) {

    .products-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}



@media(max-width:600px) {

    .products-grid {

        grid-template-columns: 1fr;

    }


    .product-actions {

        flex-direction: column;

        gap: 15px;

        align-items: flex-start;

    }

}

/* WHY SECTION RESPONSIVE */


@media(max-width:1100px) {

    .why-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}



@media(max-width:600px) {

    .why-grid {

        grid-template-columns: 1fr;

    }

}

/* CTA RESPONSIVE */


@media(max-width:600px) {

    .cta-content h2 {

        font-size: 30px;

    }


    .cta-buttons {

        flex-direction: column;

    }


    .cta-buttons a {

        width: 100%;

        text-align: center;

    }

}

/* FOOTER RESPONSIVE */

@media(max-width:992px) {

    .footer-container {

        grid-template-columns: 1fr 1fr;

    }

}

@media(max-width:768px) {

    .footer-container {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .footer-brand img {

        margin: 0 auto 20px;

    }

    .footer-social {

        justify-content: center;

    }

}

/* PRODUCTS PAGE RESPONSIVE */


@media(max-width:700px) {

    .products-filter {

        flex-direction: column;

    }


    .products-hero h1 {

        font-size: 32px;

    }

}

/* NAVBAR MOBILE */

@media(max-width:991px) {

    .navbar-collapse {

        background: white;

        margin-top: 20px;

        padding: 25px;

        border-radius: 20px;

        box-shadow: 0 15px 35px rgba(0, 0, 0, .08);

    }

    .navbar-nav {

        gap: 10px;

    }

    .navbar-custom .nav-link {

        color: var(--dark);

    }

    .btn-contacto {

        display: block;

        margin-top: 20px;

        text-align: center;

    }

}

/* Nosotros */

@media(max-width:768px) {


    .page-hero {

        padding: 110px 0 60px;

    }


    .page-hero h1 {

        font-size: 2.2rem;

    }



    .about-company {

        padding: 60px 0;

    }



    .about-company h2 {

        margin-top: 30px;

        font-size: 1.8rem;

    }



    .info-card {

        padding: 30px;

    }



    .map-container iframe {

        height: 350px;

    }


}


/* =========================================
   CONTACTO RESPONSIVE
========================================= */


/* Tablets */

@media (max-width: 992px) {


    .contacto-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .contacto-hero {

        min-height: 65vh;

    }


    .hero-content {

        max-width: 600px;

    }


    .contacto-formulario {

        padding: 30px;

    }


}



/* Móviles */

@media (max-width:768px) {


    .contacto-hero {

        min-height: 70vh;

        background-position: center;

    }


    .hero-content {

        text-align: center;

    }


    .hero-content h1 {

        font-size: 2.7rem;

    }


    .hero-content p {

        font-size: 1rem;

    }


    .btn-contacto-principal {

        padding: 13px 25px;

    }



    .contacto-info h2,
    .contacto-formulario h2 {

        font-size: 1.8rem;

    }



    .info-card {

        padding: 18px;

    }



    .info-card i {

        width: 48px;

        height: 48px;

        font-size: 20px;

    }



    .contacto-formulario {

        padding: 22px;

        border-radius: 18px;

    }



    .contacto-formulario .row {

        gap: 0;

    }



    .contacto-formulario .form-control {

        height: 55px;

    }



    .contacto-formulario textarea.form-control {

        height: 150px;

    }



    .contacto-cta {

        padding: 60px 20px;

    }



    .contacto-cta h2 {

        font-size: 1.9rem;

    }



    .contacto-cta p {

        font-size: .95rem;

    }



    .mapa {

        padding: 40px 0;

    }



    .mapa iframe {

        height: 300px;

    }


}



/* Celulares pequeños */

@media (max-width:480px) {


    .hero-content h1 {

        font-size: 2.2rem;

    }


    .hero-content p {

        line-height: 1.6;

    }


    .contacto-formulario {

        padding: 18px;

    }


    .info-card {

        flex-direction: column;

        text-align: center;

    }


    .info-card i {

        margin-bottom: 5px;

    }


    .btn-whatsapp {

        width: 100%;

        justify-content: center;

    }


}