@media (min-width: 1400px) {
    .container-fluid, .container {
        max-width: 1300px;
    }

}

@media (max-width: 1400px) {
    .grupo .empresa {
        margin-inline: 1rem;
    }
    
}

@media (max-width: 1250px) {
    .prueba .navbar .nav-acciones ul li {
        padding-inline: 0px;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu .mh-70 {
        height: 60px;
    }

    nav {
        position: fixed;
        transition: all 0.5s ease-in;
        z-index: 100;
        background: rgb(255,255,255);
        border-radius: 50px;
        top: 35px;
        width: 100%;
        max-width: 1300px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10000 !important;
    }
    
    .navbar {
        font-size: 15px;
        font-weight: 500;
        height: 60px;
    
    
        & .nav-acciones {
            display: flex;
            align-items: center;
            width: 90%;

            .categorias {
                display: flex;
                width: 100%;
                justify-content: space-between;
            }
    
            & ul li {
                color: var(--blue);
                /* text-transform: uppercase; */
    
                & a {
                    color: var(--blue);
                }
            }
        }

        & .redes {
            height: 60px;
            display: flex;
            align-items: center;
        }
    }
    
    .logo {
        margin-top: -5px;
        height: 110px;
        filter: none;
        margin-right: 1rem;
        background-color: var(--white);
        border-radius: 50%;
        height: 120px;
        width: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -12px;
        margin-right: 1rem;
        flex-shrink: 0;
    } 
    
    .logo img {
        margin-top: 0px;
        height: 80px;
        filter: none;
    } 
    
    .redes {
        a {
            &:hover i{
                color: var(--yellow);
            }
            
            i {
                font-size: 20px;
                margin-inline: 0.5rem;
            }
        }
    }

    .mega-dropdown a {
        height: 60px;
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .categorias li:not(.close):not(.mega-dropdown) {
        transition: 0.2s all ease;
        margin-bottom: 0;
        font-weight: 500;
        display: flex;
        align-items: center;
        max-height: 60px;
        height: 100%;
        & a {
            position: relative;
            color: var(--blue);
        }
    }

    .mega-dropdown .mega-menu {
        width: 170px;
        padding: 0.5rem 1rem 0.5rem 1rem;
    }


    .mega-dropdown .mega-menu a {
        height: auto !important;
        padding: 0.5rem 0;
    }
}

@media (max-width: 1200px) {
    nav {
        height: 86px;
        background: rgba(255,255,255,0.9);
    }
    
    .navbar-nav {
        padding: 0 !important;
        align-items: start;
    }

    .active::after {
        display: none;
    }


    /* .dropdown.mega-dropdown {
        height: 50px;
    }

    .dropdown-menu.mega-menu, .menu {
        position: static !important;
        height: 100px;
    } */

    #navbarDropdown2 {
        height: 50px;
    }

    .mega-menu {
        background-color: transparent;
        padding: 0;
        border: none;
        margin-left: 0px;


        & a {
            height: 35px;
        }

        & ul li {
            padding: 5px 0;
            color: #28348a !important;
        }

    }

    .categorias li:not(.close):not(.mega-dropdown) {
        height: 50px;
    }
    .mega-menu ul li:hover {
        color: #28348a !important;
        background-color: transparent !important;
        font-weight: 500 !important;
    }
    
    .categorias li {
        padding-left: 10px;
    }

    .navbar .nav-acciones a::after, .categorias li::after {
        display: none;
    }

    .logo {
        height: 60px;
        margin-top: -5px;
    }

    .logo img{
        height: 60px;
        margin-top: -5px;
    }

    .hamburger {
        margin-top: -5px;
    }

    .hamburger {
        zoom: 0.7;
    }

    .categorias > *:not(:last-child) {
        width: 100%;
        border-bottom: 1px solid var(--darkblue2);
        z-index: 1;
    }

    .activo {
        background-color: transparent;
        font-weight: 700 !important;
    }

    .idioma {
        padding-top: 10px;
        padding-left: 0.5rem;
    }

    .idioma {
        flex-direction: column;

        .menu li:first-of-type {
            padding-top: 1rem;
        }

        .btn-idioma {
            padding-inline: 2rem !important;
        }
    }
    
    .slick-arrow {
        height: 40px !important;
        width: 40px !important;
    }

    .img-right, .img-left {
        max-width: 55dvw;
    }
    
}

@media (min-width: 1200px) {
}

@media (min-width: 991px) {

}

@media (max-width: 991px) {
    .grupo-info {
        /* .righ, .left {
            opacity: 0.5;
        } */

        .righ, .left {
            position: static;
        }

        .container {
            margin-top: -50px;
        }

        .end-x {
            margin-top: -50px;
        }

        .righ {
            width: 40dvw;
            margin-right: -12px;
        }
    
        .left {
            width: 40dvw;
            margin-left: -12px;
        }
    }
    
    .titulos {
        max-width: 75%;
        margin-inline: auto;
        background: rgba(40,52,138,1);
        -webkit-background-clip: text; /* Para navegadores basados en WebKit */
        background-clip: text; /* Clipa el fondo al texto */
        color: transparent;
    }

    .en .titulos {
        max-width: 60%;
    }

    .en .px-5 {
        padding-inline: 4rem;
    }

    /* .img-right, .img-left {
        max-width: 70dvw;
        opacity: 0.35 !important;
    } */
    
    .img-right, .img-left {
        max-width: 70dvw !important;
        position: static;
    }

    .img-right {
        margin-right: -12px;
    }

    .img-left {
        margin-left: -12px;
    }

    .img-right.w-85 {
        max-width: 85% !important;
    }

    .img-right.rw-50 {
        max-width: 50% !important;
        margin-top: -50px;
    }

    .pb-200 {
        padding-bottom: 0px;
    }

    .py-80 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .h-350 {
        height: 200px;
    }

    .separador {
        position: static;
        transform: none;
        width: 60px;
        margin-inline: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .grupo-section {
        margin-top: 0;
        padding-top: 0;
    }

    .separador2 {
        position: static;
        transform: none;
        margin-inline: auto;
        width: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    footer a:not([target="_blank"]) {
        text-decoration: underline !important;
    }

    .time-section {
        padding-top: 100px;
    }

    .time-section .separador2 {
        top: -140px !important;
    }
} 


@media (max-width: 767px) {
    .portada-section {
        height: 500px !important;
        h1 {
            min-width: 100%;
        }
    }

    .portada-notica {
        height: 450px !important;
    }

    .grupo-info {
        .righ {
            width: 50dvw;
        }
    
        .left {
            width: 50dvw;
        }
    }

    .marcas .ct-imagen {
        margin-inline: 0.6rem;
    }


    .img-right, .img-left {
        max-width: 90dvw;
    }

    .op-productos, .op-categorias {
    
        li {
            padding: 0px 10px;
            font-size: 0.75rem;
            margin-bottom: 1rem;
        }
    }
    
    .op-categorias li {
        max-width: 100%;
        padding: 5px 10px;
    }
    
    .mensaje-exito {
        width: 90%;
        min-height: 300px;
        margin: 20% 50%;
    }

    .titulos {
        max-width: 80%;
    }

    .en .px-5 {
        padding-inline: 2rem !important;
    }

    .en .distribucion {
        max-width: 90%;
    }
} 

@media (max-width: 576px) {
    .grupo-info {
        .righ {
            width: 60dvw;
        }
    
        .left {
            width: 60dvw;
        }
    }

    .slick-arrow {
        cursor: pointer !important;
        position: absolute;
        top: 80%;
        z-index: 10;
    }

    .titulos {
        max-width: 90%;
    }

    
    .img-right, .img-left {
        max-width: 100dvw;
    }

    .contenedor_producto .img-fluid {
        max-width: 160px;
    }

    .marcas {
        & * {
            max-width: 25dvw;
        }
    }
    
    .logout {
        top: -45px;
    }

    .grupo .empresa {
        margin-inline: 0.8rem;
    }

    .portada-section h1 {
        text-shadow: none;
    }

    .portada-section {
        height: 100dvh !important;
    }

    .footer {
        background: url('../img/banners/footer2.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        color: #FFF;
        font-family: var(--font_regular);
        position: relative;
        font-size: 15px;
    }

    .requisitos {
        justify-content: start;
    }

} 

@media (max-width: 480px) {

}

@media (max-width: 400px) {
    .grupo-info {
        .righ {
            width: 90dvw;
        }
    
        .left {
            width: 90dvw;
        }
    }

    
    .titulos {
        max-width: 100%;
    }

    .en .titulos {
        max-width: 90%;
    }

    .en .px-5 {
        padding-inline: 4rem !important;
    }
}

@media (max-width: 360px) {

    
}