/* // 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; }
   
}



@media (max-width: 900px) { 
    
    .form-busqueda {     
        /*display: flex !important;*/
        position: fixed;
        top: 12%;
        background: #00325ae3;
        left: 0;
        right: 0;
        z-index: 9999999999;
        justify-content: center;
        align-items: start;
        padding: 20px 30px; 
    }
    
    .lupa_mobile {     width: 30px; height: 30px; display: block; }
    
    .form-busqueda.activa { display: flex !important; }
    
    
	ul.products li.product .caja-loop a h2 { min-height: 75px; }
	.icono-menu { width: 40px; }
	header nav > ul > li > ul.sub-menu > li.menu-item-has-children:after { content: none !important;} 
    .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: 70%; overflow-y: scroll; right: 0; top: 5%; bottom: 5%; }
    .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: solid 1px; 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: solid 1px !important; }
    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: 100%; position: relative;     display: flex; align-items: center;  }
	header nav ul li.menu-item-has-children ul li.menu-item-has-children > a, .volver { width: 100%; position: relative; display: flex; align-items: center; justify-content: flex-end; }
    header nav ul li.menu-item-has-children > a::after, .volver > a::after{ content: ''; background-image: url(public/images/flecha-menu.svg); position: absolute; width: 25px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; right: 0px;  }
    .volver  > a::after { transform: rotatey(180deg); }
    .volver  > a { width: 100%; position: relative;     display: flex; align-items: center; }
	header nav ul li.menu-item-has-children ul li ul li  > a {  justify-content: flex-start; }
	header nav ul li.menu-item-has-children ul li > a {  justify-content: flex-end; }

    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: unset;
    }
	
	.volver { display: flex !important; }

    .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: 13px;
    position: relative;     z-index: 999; }    
button.ejemplo > div { background: #ce2525; 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); }

