/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 

 }

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    a.btn-contrata {
        font-size: 0.6em;
    }
    body.woocommerce-cart .cross-sells {
        width: 100% !important;
    }
    .formulario-contacto.newsleter {
        padding: 0;
    }
   
}



@media (max-width: 900px) {

    #header { background-color: #fff; }

    header nav { height: fit-content; }
    header nav ul { padding: 1.5rem!important; }
    header nav > ul { flex-direction: column; justify-content: flex-start; align-items: flex-start; } 
    header nav ul > li { padding-bottom: 10px; margin-right: 10px; border-bottom: none; margin-bottom: 10px; display: block; width: 100%; position: unset !important; }
    header nav > ul > li { padding: 8px 5px !important; } 
    
    header nav ul.sub-menu > li { width: 100% !important; }
    header nav ul.sub-menu > li:nth-last-child(2) { border-bottom:none; }
    header nav ul.sub-menu > li:last-child { border: 0px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
    header nav ul > li > a {  margin-bottom:0px;         margin-top: 0px !important; font-weight: 500;  }
    header nav > ul > li.buscador { display: none;}
    header nav ul li.menu-item-has-children > a, .volver { 
        width: 35%;
        position: relative;
        display: flex;
        align-items: center;
        padding-left: 5px;
        margin-left: -5px;
        color: var(--Negro);
     }
    li.menu-item-has-children:hover > ul {
        display: block;
    }
    .menu-item-has-children .sub-menu li a {
        background-color: transparent;
        color: var(--Negro);
    }
    /* .menu-item-has-children .sub-menu li a::after {
        right: -20px;
        top: 12px;
        background-image: url(https://cdmmedical.dev.radar.cl/wp-content/uploads/2025/02/Vector-4.png);
    }
    .menu-item-has-children .sub-menu li ul li a {
        font-weight: 200;
        position: relative;
    } */
    /* header nav ul li ul li.menu-item-has-children > a::after{ 
        display: none;  
    } */
    ul#menu-menu-principal-1 li.menu-item-has-children a::after {
        content: '';
        background-image: url(https://globalexecutive.dev.radar.cl/wp-content/uploads/2025/03/flecha_azul.svg);
        position: absolute;
        width: 18px;
        height: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: 10px;
    }
    ul#menu-menu-principal-1 li.menu-item-has-children ul.sub-menu li > a::after {
        width: 12px;
        height: 12px;
        right: 35%;
        margin-top: 7px;
    }
    .menu-item-has-children>.sub-menu>.volver > a::before{
        content: '';
        background-image: url(https://cdmmedical.dev.radar.cl/wp-content/uploads/2025/02/Vector-6.png);
        position: absolute;
        width: 12px;
        height: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0px;
        top: 30%;
    }
    .menu-item-has-children>.sub-menu>.volver {
        display: flex!important;
        background-color: transparent;
    }
    .menu-item-has-children>.sub-menu>.volver>a {
        padding-left: 20px;
    }
    header nav ul.sub-menu > li > ul.sub-menu.activo-menu {
        display: contents!important;
    }
    .volver  > a::after { transform: rotatey(180deg); }
    .volver  > a { width: 100%; position: relative;     display: flex; align-items: center; }

    header nav > ul > li > ul.sub-menu { min-height: 100%; min-width: 100% !important; height: fit-content; display: block; left:100%; right: 0; width: 100%; top: 0; transition: 0.5s;}
    header nav > ul > li > ul.sub-menu > li { width: 100%; }
    header nav .sub-menu .sub-menu {  min-height: 100%; height: fit-content; position: absolute; top: 0; left: 100%;width: 100%; bottom: 0; transition: 0.5s; }
    ul.sub-menu.activo-menu { left: 0% !important; }
    header nav .sub-menu { list-style-type: none !important; }

    header nav ul.sub-menu > li > ul.sub-menu {
        display: contents;
    }

    .owl-carousel.products .owl-nav button.owl-next { right: -10px; }
    .owl-carousel.products .owl-nav button.owl-prev { left: -10px; }
    
    .top p { font-size: 0.7em;}
    .caja-titulo { right: 15%; }
    .home h3 {     font-size: 1.2em !important; }
    
    .firmas ul { text-align: center;}
    .firmas ul li a {}
    .firmas ul li a img { margin-bottom: 15px;}
    .iconos_mobile { justify-content: end;}

    .menu-mobile a { font-weight: bold; font-size: 1em !important; }
    .menu-mobile nav { transition: 0.5s; display: block !important; position: fixed; background: #fff; height: 100%; z-index: 999; left: 100%; right: 0px; width: 100%;  }
    .menu-mobile.activo { bottom: 0; position: absolute !important; display: inline !important; }
    .menu-mobile.activo  nav{ left: 0%; }

    .buscador-mobile img { width: 33px;}
    .sticky-top { position: -webkit-sticky !important; position: sticky !important; }
    .contenedor-categorias { max-height: 400px; overflow: hidden;}

    .subir-bloque { margin-top: -50px; }

}

/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 

}

@media (max-width: 1024px) { 
    ul.products li.product .price bdi {font-size: 1.3em; }
    .pre-footer form input[type=email] { max-width: 180px; } 
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
    
 }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) { 
    
 }

button.ejemplo {  margin-left: 10px; display: flex; flex-direction: column; width: 3rem; height: 3rem; border: 0; background: transparent; gap: .65rem;     top: 13px;
    position: relative; }    
button.ejemplo > div { background: #04307B; height: 3px; width: 100%; border-radius: 5px; transition: all .5s; transform-origin:left; }    
button.ejemplo.activo div:first-child { transform: rotate(45deg); }
button.ejemplo.activo div:nth-child(2) { opacity: 0; }
button.ejemplo.activo div:last-child { transform: rotate(-45deg); }