.elementor-6682 .elementor-element.elementor-element-d970c4f{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.4;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6682 .elementor-element.elementor-element-d970c4f:not(.elementor-motion-effects-element-type-background), .elementor-6682 .elementor-element.elementor-element-d970c4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecuadorian.ch/wp-content/uploads/2026/05/Portada-Producto.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6682 .elementor-element.elementor-element-d970c4f::before, .elementor-6682 .elementor-element.elementor-element-d970c4f > .elementor-background-video-container::before, .elementor-6682 .elementor-element.elementor-element-d970c4f > .e-con-inner > .elementor-background-video-container::before, .elementor-6682 .elementor-element.elementor-element-d970c4f > .elementor-background-slideshow::before, .elementor-6682 .elementor-element.elementor-element-d970c4f > .e-con-inner > .elementor-background-slideshow::before, .elementor-6682 .elementor-element.elementor-element-d970c4f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2B201C;--background-overlay:'';}.elementor-6682 .elementor-element.elementor-element-2b87cc0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:200px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;--z-index:2;}.elementor-6682 .elementor-element.elementor-element-cc3ef6f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6682 .elementor-element.elementor-element-dea6cd8{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-6682 .elementor-element.elementor-element-dea6cd8 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:3.8vw;font-weight:300;color:#FFFFFF;}.elementor-6682 .elementor-element.elementor-element-116e2a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6682 .elementor-element.elementor-element-c90692a{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-6682 .elementor-element.elementor-element-c90692a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-6682 .elementor-element.elementor-element-69b9a5c{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-6682 .elementor-element.elementor-element-69b9a5c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-primary );}.elementor-6682 .elementor-element.elementor-element-4648a32{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-6682 .elementor-element.elementor-element-4648a32 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-primary );}.elementor-6682 .elementor-element.elementor-element-0525853{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:0px;--margin-bottom:140px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-6682 .elementor-element.elementor-element-4ab0fd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products  ul.products{grid-column-gap:35px;grid-row-gap:60px;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Marcellus", Sans-serif;font-size:20px;font-weight:500;letter-spacing:0.2px;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:10px;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:10px;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:600;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-6682 .elementor-element.elementor-element-d97eea8 nav.woocommerce-pagination{margin-top:100px;font-family:"DM Sans", Sans-serif;}.elementor-6682 .elementor-element.elementor-element-d97eea8 nav.woocommerce-pagination ul{border-color:#2A150133;}.elementor-6682 .elementor-element.elementor-element-d97eea8 nav.woocommerce-pagination ul li{border-right-color:#2A150133;border-left-color:#2A150133;}.elementor-6682 .elementor-element.elementor-element-d97eea8 nav.woocommerce-pagination ul li a{color:var( --e-global-color-text );}.elementor-6682 .elementor-element.elementor-element-d97eea8 nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-text );background-color:#9C7A5F1A;}.elementor-6682 .elementor-element.elementor-element-d97eea8 nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-text );background-color:#9C7A5F1A;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-6682 .elementor-element.elementor-element-3222a9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2A150133;--border-color:#2A150133;--border-radius:0px 0px 0px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-6682 .elementor-element.elementor-element-3222a9d:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2A150133;--border-color:#2A150133;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-6682 .elementor-element.elementor-element-3222a9d, .elementor-6682 .elementor-element.elementor-element-3222a9d::before{--border-transition:0.3s;}.elementor-6682 .elementor-element.elementor-element-93d7152{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6682 .elementor-element.elementor-element-1280bda{width:auto;max-width:auto;background-color:#9C7A5F1A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 25px 15px 25px;text-align:start;}.elementor-6682 .elementor-element.elementor-element-1280bda .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-text );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6682 .elementor-element.elementor-element-f1075bc .e-search-submit{background-color:#FFFFFF;}.elementor-6682 .elementor-element.elementor-element-98f00fd{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6682 .elementor-element.elementor-element-d97c9da{width:auto;max-width:auto;background-color:#9C7A5F1A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 25px 15px 25px;text-align:start;}.elementor-6682 .elementor-element.elementor-element-d97c9da .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-text );}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6682 .elementor-element.elementor-element-9d41be3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;padding:50px 0px 0px 0px;}.elementor-6682 .elementor-element.elementor-element-9d41be3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6682 .elementor-element.elementor-element-8da699b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:50px 0px 0px 15px;}.elementor-6682 .elementor-element.elementor-element-8da699b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6682 .elementor-element.elementor-element-05e23d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;padding:50px 0px 0px 0px;}.elementor-6682 .elementor-element.elementor-element-05e23d8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6682 .elementor-element.elementor-element-21c7a19{padding:50px 0px 0px 15px;}.elementor-6682 .elementor-element.elementor-element-21c7a19.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6682 .elementor-element.elementor-element-ad552ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-6682 .elementor-element.elementor-element-ad552ef.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}body.elementor-page-6682:not(.elementor-motion-effects-element-type-background), body.elementor-page-6682 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}@media(min-width:768px){.elementor-6682 .elementor-element.elementor-element-4ab0fd8{--width:100%;}.elementor-6682 .elementor-element.elementor-element-3222a9d{--width:30%;}}@media(max-width:1366px) and (min-width:768px){.elementor-6682 .elementor-element.elementor-element-3222a9d{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6682 .elementor-element.elementor-element-3222a9d{--width:100%;}}@media(max-width:1366px){.elementor-6682 .elementor-element.elementor-element-dea6cd8 .elementor-heading-title{font-size:4.8vw;}.elementor-6682 .elementor-element.elementor-element-0525853{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}}@media(max-width:1024px){.elementor-6682 .elementor-element.elementor-element-2b87cc0{--padding-top:160px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-6682 .elementor-element.elementor-element-dea6cd8 .elementor-heading-title{font-size:6.6vw;}.elementor-6682 .elementor-element.elementor-element-0525853{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:130px;--padding-left:40px;--padding-right:40px;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-6682 .elementor-element.elementor-element-2b87cc0{--padding-top:120px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-6682 .elementor-element.elementor-element-dea6cd8 .elementor-heading-title{font-size:36px;}.elementor-6682 .elementor-element.elementor-element-116e2a0{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-6682 .elementor-element.elementor-element-c90692a .elementor-heading-title{font-size:15px;}.elementor-6682 .elementor-element.elementor-element-4648a32 .elementor-heading-title{font-size:15px;}.elementor-6682 .elementor-element.elementor-element-0525853{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6682 .elementor-element.elementor-element-3222a9d{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6682 .elementor-element.elementor-element-1280bda .elementor-heading-title{font-size:22px;}.elementor-6682 .elementor-element.elementor-element-d97c9da .elementor-heading-title{font-size:22px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-d97eea8 *//* Alineación de los resultados (Showing 1-10 of 49 results) */
 .woocommerce-result-count {
    margin: 0;
    font-size: 15px;
    color: #333333;
     font-family: 'DM Sans', sans-serif!important;
}


/* Estilo para el contenedor del formulario */
.woocommerce-ordering {
    margin: 0;
    display: inline-block;
}

/* Estilo personalizado para el menú desplegable (orderby) */
.woocommerce-ordering select.orderby {
    border: 1px solid rgba(42, 21, 1, 0.2) !important;
    border-radius: 2px;
    padding: 12px 36px 12px 18px; /* Espacio para el texto y la flecha */
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    background-color: #ffffff;
    cursor: pointer;
    height: 50px!important;
    
    /* Forzar una apariencia limpia eliminando los controles nativos del sistema */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

   /* Flecha más grande y visible */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath d='M7 10l5 5 5-5z' fill='%23333333'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 14px center;
    
    /* Transiciones suaves */
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Efecto al pasar el ratón (Hover) */
.woocommerce-ordering select.orderby:hover {
    border-color: #999999;
}

/* Quitar el contorno de selección al hacer clic */
.woocommerce-ordering select.orderby:focus {
    outline: none;
    border-color: #1a1a1a;
}

.elementor-6682 .elementor-element.elementor-element-d97eea8.elementor-wc-products ul.products {
    grid-column-gap: 35px!important;
    grid-row-gap: 60px !important;
}

.elementor-6682 .elementor-element.elementor-element-4ab0fd8 .elementor-products-grid ul.products.elementor-grid {
    display: grid;
    margin: 0;
    grid-column-gap: 25px;
    grid-row-gap: 40px;
     !important;
    /* Aplicamos el borde arriba, su grosor y estilo */
    border-top: 1px solid rgba(42, 21, 1, 0.2);
    /* Controla el margen superior entre la cuadrícula y el elemento superior */
    padding-top: 50px; /* Ajusta este valor según el espacio que necesites */
}

.woocommerce .woocommerce-ordering {
    float: right;
    margin-bottom: 1.5em!important;
}



.wpm_gtin_code_wrapper{
    display: none!important;
}






.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title {
    margin-bottom: .5em;
    padding: 0;
    font-size: 20px!important;
     font-family: 'Marcellus', serif;
     font-weight: 500!important;
     letter-spacing: 0.5px!important;
     color: #333333!important;
}


.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price {
   line-height: 1.3;
    margin-bottom: 0!important;
    font-weight: 600;
    margin-bottom: 0em!important;
    font-size: 14px!important;
    font-family: 'DM Sans', serif;
    color:  #9C7A5F!important;
}


.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
    text-align: center!important;
}


.woocommerce-js ul.products li.product .ast-woo-product-category, .woocommerce-page ul.products li.product .ast-woo-product-category {
    font-size: .85em;
    margin-bottom: .5em;
    display: block;
    line-height: 1.3;
    opacity: .6;
    margin-top: 32px!important;
}

/* 1. Muestra y eleva el botón al hacer hover en el producto */
 .woocommerce ul.products li.product.desktop-align-left:hover .button, 
 .woocommerce-page ul.products li.product.desktop-align-left:hover .button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) !important; /* Lo centra en la imagen */
}


/* 2. Estado base del botón (Oculto y preparado para la animación) */
.woocommerce ul.products li.product.desktop-align-left .button, 
 .woocommerce-page ul.products li.product.desktop-align-left .button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 72.5%;
    left: 50%;
    transform: translate(-50%, -20%) !important; /* Posicionado debajo antes de aparecer */
    z-index: 10;
    
    /* Transición de aparición */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);

    /* Estética de lujo */
    background-color: #fff !important;
    color: #2A1501 !important;
    border: 1px solid #2A1501 !important;
    padding: 15px 35px 15px 28px !important;
    width: 100%;
    max-width: 324px;
    text-align: center;
    text-transform: uppercase;
  
    border-radius: 0px !important;
    text-decoration: none;
    overflow: hidden; /* Necesario para que la diagonal no se salga */
    font-weight: 500!important;
    letter-spacing: 1.5px!important;
    font-size: 13px!important;
    font-family: 'DM Sans', serif;
}


/* 3. Capa diagonal negra */
.woocommerce ul.products li.product.desktop-align-left .button::before, 
.woocommerce-page ul.products li.product.desktop-align-left .button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 110%;
    background-color: #2A1501;
    transform: skewX(-25deg) translateX(-115%);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* 4. Efecto Hover: Al pasar el ratón por el botón */
.woocommerce ul.products li.product.desktop-align-left .button:hover, 
.woocommerce-page ul.products li.product.desktop-align-left .button:hover {
    color: #fff !important;
    transition: color 0.3s ease;
}

.woocommerce ul.products li.product.desktop-align-left .button:hover::before, 
.woocommerce-page ul.products li.product.desktop-align-left .button:hover::before {
    transform: skewX(-25deg) translateX(-15%);
}


/* Asegurar que el texto esté por encima de la capa negra */
.woocommerce ul.products li.product.desktop-align-left .button, 
.woocommerce-page ul.products li.product.desktop-align-left .button {
    z-index: 5;
}












.ast-on-card-button .ahfb-svg-iconset {
    border-radius: 50%;
    color: var(--ast-global-color-2);
    background: var(--ast-global-color-primary, var(--ast-global-color-5));
    opacity: 0.7;
    width: 3em;
    height: 3em;
    justify-content: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

.ast-card-action-tooltip {
    display: none!important;
}


.ast-on-card-button {
    position: absolute;
    left: 50%;
    transform: translate(50%, 00px) !important;
    
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 
    z-index: 10;
}

.ast-on-card-button .ahfb-svg-iconset {
    border-radius: 50%;
    color: var(--ast-global-color-2);
    background: var(--ast-global-color-primary, var(--ast-global-color-5));
    opacity: 1!important;
    width: 3em;
    height: 3em;
    justify-content: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    
}


.ast-woo-product-item:hover .ast-on-card-button,
li.product:hover .ast-on-card-button {
    opacity: 1;
    visibility: visible;
    
    
    transform: translate(35%, 0em) !important;
}


.ast-on-card-button, 
.ast-on-card-button:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.wpm_gtin_code_wrapper{
    display: none!important;
}




.ast-on-card-button .ahfb-svg-iconset {
    border-radius: 50%;
    color: var(--ast-global-color-2);
    background: var(--ast-global-color-primary, var(--ast-global-color-5));
    opacity: 0.7;
    width: 3em;
    height: 3em;
    justify-content: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

.ast-card-action-tooltip {
    display: none!important;
}



.woocommerce-js ul.products li.product a img {
    width: 100%;
    height: AUTO;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    object-fit: cover!important;
    height: 400px!important;
}

.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
   
    border-color: #2A150133!important;
    text-align: center!important;
}


.woocommerce-js nav.woocommerce-pagination ul li a, .woocommerce-js nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    
    font-weight: 500;
    padding: 1.0em 1.1em .9em!important;
    text-align: center;
    display: block;
    min-width: 2.5em;
     font-family: 'DM Sans', sans-serif;
}

.woocommerce-js nav.woocommerce-pagination ul li {
    margin: 0 6px 2px 0!important;
    border: 1px solid var(--ast-border-color);
    padding: 0;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}


/* Ocultar cualquier producto que ocupe la posición 10 o superior en el archivo */
.elementor-widget-wc-archive-products ul.products li.product:nth-child(n+10) {
    display: none !important;
}


/* ==========================================================
   1. CAMBIAR TEXTO DEL BOTÓN A "Add to cart"
   ========================================================== */
.woocommerce ul.products li.product.desktop-align-left .button, 
.woocommerce-page ul.products li.product.desktop-align-left .button {
    font-size: 0 !important; /* Oculta el texto antiguo */
}

.woocommerce ul.products li.product.desktop-align-left .button::after, 
.woocommerce-page ul.products li.product.desktop-align-left .button::after {
    content: "Add to cart" !important; /* Nuevo texto */
    padding: 6.5px 35px 6.5px 25px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    font-family: 'DM Sans', serif;
        text-transform: uppercase!important;
        text-align: center!important;
    
}









/* ==========================================================
   CONFIGURACIÓN DE COLUMNAS RESPONSIVE (PRODUCTOS)
   ========================================================== */

/* 1. MÓVIL (1 Columna) */
@media (max-width: 767px) {
    .products.elementor-grid {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 20px; /* Espaciado entre productos vertical */
    }
    
      
    .woocommerce-js ul.products li.product a img {
    width: 100%;
    height: AUTO;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    object-fit: cover!important;
    height: 340px!important;
}
}


/* FORZAR 2 COLUMNAS EN TABLET */
@media (min-width: 768px) and (max-width: 1366px) {
    /* 1. Ajuste del contenedor principal */
    ul.products.elementor-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        column-gap: 20px !important;
        row-gap: 30px !important;
    }

    /* 2. Reset de los elementos hijos (Astra suele ponerles width fijo) */
    ul.products.elementor-grid li.product {
        width: 100% !important; /* Que ocupen todo el espacio de su celda de grid */
        margin-right: 0 !important;
        float: none !important;
        flex: 1 1 45% !important; /* Respaldo en caso de que use Flexbox */
    }
    
    .woocommerce-js ul.products li.product a img {
    width: 100%;
    height: AUTO;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    object-fit: cover!important;
    height: 330px!important;
}

}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-f1075bc *//* 1. Forzamos el borde en el contenedor padre para que nunca desaparezca */
.elementor-element-3222a9d {
    border: 1px solid rgba(42, 21, 1, 0.2) !important;
    border-radius: 0px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 2. Cuando cualquier elemento hijo (como el buscador) esté activo, el borde se mantiene */
.elementor-element-3222a9d:focus-within {
    border-color: rgba(42, 21, 1, 0.2) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 1. Forzamos el borde directamente en el buscador, independiente del contenedor */
.elementor-element-f1075bc .e-search {
    border: 1px solid rgba(42, 21, 1, 0.2) !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: none !important;
}

/* 2. Cuando el buscador o sus elementos hijos estén activos, el borde se vuelve sólido */
.elementor-element-f1075bc .e-search:focus-within {
    border-color: rgba(42, 21, 1, 1) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 3. Estructura interna del buscador */
.elementor-element-f1075bc .e-search-form {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-f1075bc .e-search-input-wrapper {
    flex-grow: 1 !important;
    position: relative !important;
    border: none !important;
}

/* 4. Campo de texto */
.elementor-element-f1075bc .e-search-input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 12px 18px!important;
    width: 100% !important;
}

/* 5. Botón de búsqueda */
.elementor-element-f1075bc .e-search-submit {
    border: none !important;
    background: transparent !important;
    padding: 12px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none!important;
}

.elementor-element-f1075bc .e-search-submit svg {
    width: 20px;
    height: 20px;
}

/* 6. Ocultar el icono de la cruz para mantener el diseño minimalista */
.elementor-element-f1075bc .e-font-icon-svg.e-fas-times {
    display: none !important;
}


.elementor-widget-search .e-search .e-search-submit>i:is(svg), .elementor-widget-search .e-search .e-search-submit>svg:is(svg) {
    fill: var(--e-search-icon-submit-color);
    height: var(--e-search-icon-submit-size);
    width: 20px!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98f00fd *//* 1. Contenedor principal: Aplicado solo al widget de categorías */
#tienda-categorias body .elementor-widget-wc-categories .woocommerce .products.elementor-grid,
body #tienda-categorias .elementor-widget-wc-categories .woocommerce .products.elementor-grid {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Ocultar las imágenes miniatura que vienen por defecto en tu HTML */
#tienda-categorias body .woocommerce .product-category a img,
body #tienda-categorias .woocommerce .product-category a img {
    display: none !important;
}

/* Estilos de cada ítem de categoría (Bordes horizontales limpios) */
#tienda-categorias body .woocommerce .products.elementor-grid .product-category,
body #tienda-categorias .woocommerce .products.elementor-grid .product-category {
    border-top: 1px solid #e0e0e0; /* Línea divisoria superior */
    padding: 12px 3px;
    margin: 0 !important; /* Eliminamos márgenes para que sea una lista corrida */
    background: transparent !important; /* FORZADO: Quita el fondo blanco de la fila */
    background-color: transparent !important; /* FORZADO: Quita el fondo blanco de la fila */
}


/* El último elemento también lleva el borde inferior para cerrar la lista */
#tienda-categorias body .woocommerce .products.elementor-grid .product-category:last-child,
body #tienda-categorias .woocommerce .products.elementor-grid .product-category:last-child {
    border-bottom: none!important;
}

/* Ajustar el enlace para alinear el título y la cantidad de productos */
#tienda-categorias body .woocommerce .product-category a,
body #tienda-categorias .woocommerce .product-category a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: inherit;
    padding: 5px 0px;
    width: 100%; /* Asegura que ocupe todo el ancho para mantenerlos en la misma línea */
    font-family: 'DM Sans', sans-serif!important;
    background: transparent !important; /* FORZADO: Quita el fondo blanco del enlace */
    background-color: transparent !important; /* FORZADO: Quita el fondo blanco del enlace */
}

/* Estilo del título y contador */
#tienda-categorias body .woocommerce-loop-category__title,
body #tienda-categorias .woocommerce-loop-category__title {
    font-size: 15px;
    font-weight: 500!important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #333333!important;
    white-space: nowrap;
    width: 100%;
    font-family: 'DM Sans', sans-serif!important;
    text-transform: capitalize!important;
    background: transparent !important; /* FORZADO: Quita fondos en el título */
    background-color: transparent !important; /* FORZADO: Quita fondos en el título */
}

/* FORZAR FONDO TRANSPARENTE EN TÍTULOS Y AGOTADOS */
#tienda-categorias body .woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias body .woocommerce-js ul.products li.product .woocommerce-loop-category__title, 
#tienda-categorias body .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias body .woocommerce-page ul.products li.product .woocommerce-loop-category__title,
body #tienda-categorias .woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, 
body #tienda-categorias .woocommerce-js ul.products li.product .woocommerce-loop-category__title, 
body #tienda-categorias .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock, 
body #tienda-categorias .woocommerce-page ul.products li.product .woocommerce-loop-category__title,
#tienda-categorias .woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .woocommerce-js ul.products li.product .woocommerce-loop-category__title, 
#tienda-categorias .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    position: absolute !important;
    background: none !important;
    background-color: transparent !important;
    transition: background .3s;
    text-align: center;
    left: 1em;
    right: 1em;
    padding: 0 !important;
    font-family: 'DM Sans', sans-serif!important;
    font-weight: 500!important;
    color: #333333!important;
}

/* Aplicamos la regla únicamente a los elementos dentro de la clase .sub (También sin fondo) */
#tienda-categorias .sub .woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .sub .woocommerce-js ul.products li.product .woocommerce-loop-category__title, 
#tienda-categorias .sub .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .sub .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    position: absolute !important;
    background: none !important;
    background-color: transparent !important;
    transition: background .3s !important;
    text-align: center !important;
    left: 1em !important;
    right: 1em !important;
    padding: .3em .5em .5em !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    color: #333333 !important;
}


#tienda-categorias .woocommerce-js ul.products li.product .woocommerce-loop-category__title .count, 
#tienda-categorias .woocommerce-page ul.products li.product .woocommerce-loop-category__title .count {
    display: block;
    background: none !important;
    background-color: transparent !important;
    opacity: .5;
    font-size: .75em;
    font-family: 'DM Sans', sans-serif!important;
    font-weight: 500!important;
    color: #333333!important;
}

#tienda-categorias ul.products {
    grid-column-gap: 20px;
    grid-row-gap: 20px!important;
}



/* ==========================================================================
   Categorías en una sola columna - Exclusivo para Pantallas de 1024px a 1366px
   ========================================================================== */
@media (min-width: 1024px) and (max-width: 1366px) {

    /* 1. Forzar el contenedor principal a comportarse como columna única */
    #tienda-categorias body .elementor-widget-wc-categories .woocommerce .products.elementor-grid,
    body #tienda-categorias .elementor-widget-wc-categories .woocommerce .products.elementor-grid {
        display: flex !important;
        flex-direction: column !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

 
}

/* ==========================================================================
   Estilos globales (Fuera de la media query para mantener el diseño base en otras pantallas)
   ========================================================================== */
/* Se aplica la misma fuerza para quitar los fondos en las declaraciones globales duplicadas de abajo */
#tienda-categorias .woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .woocommerce-js ul.products li.product .woocommerce-loop-category__title, 
#tienda-categorias .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    position: absolute;
    background: none !important;
    background-color: transparent !important;
    transition: background .3s;
    text-align: center;
    left: 1em;
    right: 1em;
    padding: .3em 0 .5em;
    font-family: 'DM Sans', sans-serif!important;
    font-weight: 500!important;
    color: #333333!important;
}

/* Aplicamos la regla únicamente a los elementos dentro de la clase .sub */
#tienda-categorias .sub .woocommerce-js ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .sub .woocommerce-js ul.products li.product .woocommerce-loop-category__title, 
#tienda-categorias .sub .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock, 
#tienda-categorias .sub .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    position: absolute !important;
    background: none !important;
    background-color: transparent !important;
    transition: background .3s !important;
    text-align: center !important;
    left: 1em !important;
    right: 1em !important;
    padding: .3em .5em .5em !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    color: #333333 !important;
}

#tienda-categorias .woocommerce-js ul.products li.product .woocommerce-loop-category__title .count, 
#tienda-categorias .woocommerce-page ul.products li.product .woocommerce-loop-category__title .count {
    display: block;
    background: none !important;
    background-color: transparent !important;
    opacity: .5;
    font-size: .75em;
    font-family: 'DM Sans', sans-serif!important;
    font-weight: 500!important;
    color: #333333!important;
}

#tienda-categorias ul.products {
    grid-column-gap: 20px;
    grid-row-gap: 20px!important;
}/* End custom CSS */