/* // 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) {
    .menu .ubermenu.ubermenu-main{
        position: absolute;
        top:66px;
        left:0;
    }

    .ubermenu-responsive-toggle {
            padding: 0 !important;
            border-radius: 4px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            width: 32px !important;
            height: 34px !important;
    }

    .caja-categorias-home .categorias-home .elementor-button-wrapper a {     min-width: unset !important; }
    .mob-menu-header-holder { background-color: transparent !important; }

    .caja-siguenos-en {    margin-right: 0px !important; }
    .woocommerce.columns-12 .carrusel-destacados li.product.outofstock .caja-loop a.button:before { left: 16% !important; }
    .sin-cabecera { margin-top: 50px !important; }
    .home #home-slider {     margin-top: 15px !important;}
    footer .menu-footer2 { margin-bottom: 0px; }
    .single-product.woocommerce div.product .summary.entry-summary .product_title { line-height: 25px; margin-top: 25px; }

    .caja-mas-menos .button, .caja-mas-menos button { height: 27px !important; }

    .contenedor-categorias .caja-titulo .page-title { width: 60%; }
    .btn-con-flecha > p:before { left: 26%; }
    .float-left-mobile { float: left; }
    

    .mini-carrito a { padding: 5px 0px;} 
    .mini-carrito a img { width: 20px; height: 20px; margin-left: 8px; }
    .link_mi_cuenta { padding: 7px 0px; }
    .link_mi_cuenta img { width: 20px; height: 20px; margin-left: 8px; }
    img.mob-standard-logo {         width: 120px; height: 40px !important; margin-left: 8px; }
    .mobmenu .headertext { position: absolute; left: 15px; }
    .mobmenur-container i {  background-color: var(--Verde); color: #fff !important; padding: 4px 0px; border-radius: 5px; height: 35px; margin-top: -7px; width: 39px; margin-right: 3px; }
     .mobmenur-container i.mob-menu-icon { display: flex; }
    .archive ul.products li.product.outofstock .caja-loop a.button:before { left: 25px !important; }
    
    .mob-menu-logo-holder { display: none;}
    .mob-menu-header-holder { width: 15% !important; right: 20px !important; }
    div#menu-plomo {  position: fixed; width: 100%; top: 0; z-index: 9999;}
    #caja-icons-mobile-especial { }

    /* #menu-principal { display: none !important;} */
    footer .wpcf7-form p input[type=email] {    width: 60%; }

    #menu-menu-paginas { flex-direction: column;  justify-content: center;}
    #menu-menu-paginas li { margin-bottom: 20px !important; }
    #menu-menu-paginas li a { border-radius: 5px !important; width: 265px; display: block; margin: 0 auto 0px; text-align: center;}

    .tienda-menu > a:before { content: none; }
    .mobmenu-content #mobmenuright .sub-menu { margin-top: 10px !important; }
    .mobmenu-content #mobmenuright .sub-menu a { padding: 0px !important; margin-bottom: 12px; }
    .mobmenu-content #mobmenuright .sub-menu a img { margin-right: 7px;         width: 20px; }
    .mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover { background-color: #172a71 !important; }

    .caja-categorias-home .categorias-home span.elementor-button-icon {
    margin-left: 4px;
}
    .escaleras-icono a span.elementor-button-text { margin-top: 9px; }
    .espacio-calugas { width: 90% !important; margin: 0 auto !important;   }
    .woocommerce-tabs.wc-tabs-wrapper { padding: 0px 15px 20px 15px; }

    .contenedro-botones { display: flex; }
    body.post-type-archive .btn-ver-producto:before, body.tax-product_cat .btn-ver-producto:before { left: 4% !important; }

    .caja-titulo-woo { margin: 0 !important; margin-top: 50px !important; background: #fff !important; color: #fff; border-radius: 10px; padding: 0px !important; margin-bottom: 35px !important; }
    .caja-titulo-woo h1 {  background: #000000; margin: 15px !important; padding: 20px; border-radius: 5px; }

    
    #home-slider .carousel-control-next { right: 0px;  }
    #home-slider .carousel-control-prev { left: 0px;   }

    .woocommerce ul.products li.product .button { padding: 9px 20px; padding-right: 0px !important; }

    body.post-type-archive a.add_to_cart_button:before, body.tax-product_cat a.add_to_cart_button:before { left: 6% !important; }

    .justified-mobile-footer { justify-content: start !important; }
    .justified-mobile-footer .suscribirse { text-align: left; }
    .justified-mobile-footer .suscribirse.f-size p { font-size: 0.8em !important; }
    footer .menu-footer { display: flex; flex-direction: column; }
    footer .menu-footer.pagos-mobile { flex-direction: row;}
    .caja-info-pagos { flex-direction: column; }
    footer .wpcf7-form p input[type=submit] { margin-left: 0px; margin-top: 10px; }

    .caja-medios,  .caja-siguenos-en{ margin: 10px 0px; width: 100%; justify-content: flex-start !important; margin-right: 0px; }
    .margin-top-negativo-40 { margin-top: 10px; text-align: center !important; }
    .caja-categorias-home .categorias-home span.elementor-button-text{ min-width: 70px; text-align: left; font-size: 0.5em; }

    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { display: flex; flex-direction: column-reverse; }

    .home a.add_to_cart_button:before {     left: 5% !important; }
    .home a.btn-ver-producto:before {     left: 3% !important; }

    p#breadcrumbs { display: none !important;}

    #header { background-color: #fff; padding: 0px !important; }

    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: 0%; bottom: 0%; }
    .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 > 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 > 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;
    }

    .owl-carousel.products .owl-nav button.owl-next { right: -10px; }
    .owl-carousel.products .owl-nav button.owl-prev { left: -10px; }

    .single-product.woocommerce div.product .summary.entry-summary .compartir_en { display: flex; }
    .single-product.woocommerce div.product .summary.entry-summary .compartir_en > span {  }
    .single-product.woocommerce div.product .summary.entry-summary .compartir_en .heateor_sss_sharing_ul a span { width: 30px !important; height: 30px !important; }

    .related a.add_to_cart_button:before { left: 6%; }
    .related a.btn-ver-producto:before { left: 5%; }

    

    .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: 10px 16px; padding-left: 55px; font-size: 10px !important; min-height: 50px;  }
    .single-product.woocommerce div.product .summary.entry-summary form.cart button.single_add_to_cart_button::after { right: 12px; top: 12px !important; left: 20px !important; }

    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; width: fit-content;}
    
    /* Add margin to mobile menu links */
    .iconos_mobile li.d-lg-none ul li a {
        margin-left: 0.5rem; /* equivalent to ms-2 */
    }

    .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: fixed !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: #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); }





/* Actualizacion Miguel C */
@media (max-width: 768px) {
    .timeline-seguimiento {
        flex-direction: column;
        align-items: flex-start;
        margin: 40px 0 40px 20px;
    }

    .timeline-seguimiento .step {
        display: flex;
        align-items: center;
        text-align: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .timeline-seguimiento .step::before {
        left: 18px;
        top: -100%;
        height: 100%;
        width: 4px;
    }

    .timeline-seguimiento .step:last-child {
        margin-bottom: 0;
    }

    .timeline-seguimiento .step-icon {
        margin: 0 20px 0 0;
    }

    .titulo-seguimiento {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .titulo-seguimiento h2 {
        font-size: 1.5em;
    }
}