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

 }

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 0.7em; }
    .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses {
        flex-flow: column;
    }
    .mi-cuenta-logo {
        width: 70%;
    }
    .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .woocommerce-Address {
        margin-bottom: 20px;
    }
    .cotizaciones-tienda span {
        font-size: .6em;
    }
    .pagina-categorias .contenedor-titulo-categoria {
        display: block;
    }
    .pagina-categorias .cotizaciones-tienda {
        justify-content: left;
    }
    .single-product.woocommerce .info-pdp, .single-product.woocommerce .galeria-pdp, .single-product.woocommerce .descripcion-corta-pdp {
        margin-bottom: 1em;
    }
   
}



@media (max-width: 900px) { 
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { display: flex; flex-direction: column-reverse; }


    p#breadcrumbs { display: none !important;}

    #header { background-color: #fff; }

    ul.products li.product .caja-loop form { flex-direction: column; }
    ul.products li.product .caja-loop form .caja-mas-menos { margin-right: 0px !important; } 

    .archive .contendor-widgets-mobile { display: none; position: fixed; top: 0; bottom: 0; background: #0009; z-index: 99999; }
    .archive .contendor-widgets-mobile .widgets { position: absolute; width: 80%; overflow-y: scroll; right: 0; top: 5%; bottom: 5%; background-color: #fff; padding: 25px 15px;}
    .filtros_mobile { background-color: var(--Azul); color: #fff; width: 100%; padding: 10px 50px;border-radius: 5px; font-weight: 700; margin: 10px 0px; text-align: center; float: right; }
    .btn-cerrar-filtros { position: absolute; right: 20px; top: 20px; font-size: 1.5em; color: var(--Azul); font-weight: 700; }
    .archive .woocommerce-result-count { display: none;}
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { width: 100% !important; }
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering select { width: 100%; }

    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;
        background-color: #04307c;
        border-radius: 8px;
        padding-left: 5px;
        margin-left: -5px;
        color: white;
     }
    li.megamenu:hover > ul {
        display: block;
    }
    .megamenu .sub-menu li a {
        background-color: transparent;
        color: black;
    }
    .megamenu .sub-menu li ul li a::after {
        right: -20px;
        top: 12px;
        background-image: url(https://cdmmedical.dev.radar.cl/wp-content/uploads/2025/02/Vector-4.png);
    }
    .megamenu .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;  
    }
    header nav ul li.menu-item-has-children > a::after{ 
        content: '';
        background-image: url(https://cdmmedical.dev.radar.cl/wp-content/uploads/2025/02/Vector-5.png);
        position: absolute;
        width: 18px;
        height: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: 10px;
        top: 30%;     
    }
    .megamenu>.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%;
    }
    .megamenu>.sub-menu>.volver {
        display: flex!important;
        background-color: transparent;
    }
    .megamenu>.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; }
    .single-product.woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; margin: 0; margin-bottom:15px; padding: 0;} 
    .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0px ; }
    .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 1em; text-align: center; }


    .single-product.woocommerce div.product .summary.entry-summary .price bdi { font-size: 1.5em;} 
    .single-product.woocommerce div.product .summary.entry-summary .price del bdi { font-size: 1.2em; }
    .single-product.woocommerce div.product .summary.entry-summary form.cart button.single_add_to_cart_button { padding: 15px 15px; padding-right: 45px; }
    .single-product.woocommerce div.product .summary.entry-summary form.cart button.single_add_to_cart_button::after { right: 12px; }

    ul.products li.product .price bdi { font-size: 1.3em; }

    .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: 10px;
    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); }

@media (max-width: 768px) {
    body.woocommerce-cart .cross-sells {
        width: 100% !important;
    }
}
/* Tablet */
@media (min-width: 769px) and (max-width: 1023px){
    ul.products li.product .button {
        font-size: 0.7em !important;
        min-width: 135px;
    }
}