.elementor-10931 .elementor-element.elementor-element-2cd79ba0{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.1;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10931 .elementor-element.elementor-element-2cd79ba0:not(.elementor-motion-effects-element-type-background), .elementor-10931 .elementor-element.elementor-element-2cd79ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F6;}.elementor-10931 .elementor-element.elementor-element-2cd79ba0::before, .elementor-10931 .elementor-element.elementor-element-2cd79ba0 > .elementor-background-video-container::before, .elementor-10931 .elementor-element.elementor-element-2cd79ba0 > .e-con-inner > .elementor-background-video-container::before, .elementor-10931 .elementor-element.elementor-element-2cd79ba0 > .elementor-background-slideshow::before, .elementor-10931 .elementor-element.elementor-element-2cd79ba0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10931 .elementor-element.elementor-element-2cd79ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10931 .elementor-element.elementor-element-3a1d0aa2{--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;}.elementor-10931 .elementor-element.elementor-element-5d6d64b{text-align:center;}.elementor-10931 .elementor-element.elementor-element-5d6d64b .elementor-heading-title{font-size:30px;}.elementor-10931 .elementor-element.elementor-element-3e24fbca{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-10931 .elementor-element.elementor-element-79c1385f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10931 .elementor-element.elementor-element-79c1385f .elementor-divider-separator{width:100%;}.elementor-10931 .elementor-element.elementor-element-79c1385f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10931 .elementor-element.elementor-element-58c68d0f.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-10931 .elementor-element.elementor-element-6af0fe8d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10931 .elementor-element.elementor-element-6af0fe8d .elementor-divider-separator{width:100%;}.elementor-10931 .elementor-element.elementor-element-6af0fe8d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10931 .elementor-element.elementor-element-c0e98e9{--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:stretch;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-10931 .elementor-element.elementor-element-9d2b53e .woocommerce-breadcrumb{text-align:center;}.elementor-10931 .elementor-element.elementor-element-68f7b35{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-10931 .elementor-element.elementor-element-68f7b35::before, .elementor-10931 .elementor-element.elementor-element-68f7b35 > .elementor-background-video-container::before, .elementor-10931 .elementor-element.elementor-element-68f7b35 > .e-con-inner > .elementor-background-video-container::before, .elementor-10931 .elementor-element.elementor-element-68f7b35 > .elementor-background-slideshow::before, .elementor-10931 .elementor-element.elementor-element-68f7b35 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10931 .elementor-element.elementor-element-68f7b35 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10931 .elementor-element.elementor-element-9e178fd{--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;--justify-content:space-evenly;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-10931 .elementor-element.elementor-element-9e178fd:not(.elementor-motion-effects-element-type-background), .elementor-10931 .elementor-element.elementor-element-9e178fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F6;}.elementor-10931 .elementor-element.elementor-element-9e178fd.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-10931 .elementor-element.elementor-element-0e2bc85 .product{text-align:center;}.elementor-10931 .elementor-element.elementor-element-0e2bc85.elementor-wc-products  ul.products{grid-column-gap:5px;grid-row-gap:20px;}.elementor-10931 .elementor-element.elementor-element-0e2bc85 a > img{border-radius:5px 5px 5px 5px;}.elementor-10931 .elementor-element.elementor-element-0e2bc85 .woocommerce .woocommerce-loop-category__title{color:#000000;font-size:22px;text-transform:none;font-style:normal;}.elementor-10931 .elementor-element.elementor-element-17e8e9c .product{text-align:center;}.elementor-10931 .elementor-element.elementor-element-17e8e9c.elementor-wc-products  ul.products{grid-column-gap:5px;grid-row-gap:20px;}.elementor-10931 .elementor-element.elementor-element-17e8e9c a > img{border-radius:5px 5px 5px 5px;}.elementor-10931 .elementor-element.elementor-element-17e8e9c .woocommerce .woocommerce-loop-category__title{color:#000000;font-size:22px;text-transform:none;font-style:normal;}.elementor-10931 .elementor-element.elementor-element-4d8d2f3{--display:flex;--overlay-opacity:0.5;}.elementor-10931 .elementor-element.elementor-element-4d8d2f3:not(.elementor-motion-effects-element-type-background), .elementor-10931 .elementor-element.elementor-element-4d8d2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F6;}.elementor-10931 .elementor-element.elementor-element-4d8d2f3::before, .elementor-10931 .elementor-element.elementor-element-4d8d2f3 > .elementor-background-video-container::before, .elementor-10931 .elementor-element.elementor-element-4d8d2f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-10931 .elementor-element.elementor-element-4d8d2f3 > .elementor-background-slideshow::before, .elementor-10931 .elementor-element.elementor-element-4d8d2f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10931 .elementor-element.elementor-element-4d8d2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10931 .elementor-element.elementor-element-f05a9e2.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-10931 .elementor-element.elementor-element-f05a9e2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-10931 .elementor-element.elementor-element-f05a9e2.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:25px 25px 25px 25px;}.elementor-10931 .elementor-element.elementor-element-0905fb6{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-10931 .elementor-element.elementor-element-e7d687e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10931 .elementor-element.elementor-element-e7d687e .elementor-divider-separator{width:100%;}.elementor-10931 .elementor-element.elementor-element-e7d687e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10931 .elementor-element.elementor-element-edcc766.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-10931 .elementor-element.elementor-element-0d8359f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10931 .elementor-element.elementor-element-0d8359f .elementor-divider-separator{width:100%;}.elementor-10931 .elementor-element.elementor-element-0d8359f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}body.elementor-page-10931:not(.elementor-motion-effects-element-type-background), body.elementor-page-10931 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}@media(min-width:768px){.elementor-10931 .elementor-element.elementor-element-9e178fd{--width:100%;}}@media(max-width:1024px){.elementor-10931 .elementor-element.elementor-element-2cd79ba0{--padding-top:80px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-10931 .elementor-element.elementor-element-68f7b35{--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;}.elementor-10931 .elementor-element.elementor-element-9e178fd{--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;}.elementor-10931 .elementor-element.elementor-element-0e2bc85 .woocommerce .woocommerce-loop-category__title{font-size:14px;}.elementor-10931 .elementor-element.elementor-element-17e8e9c .woocommerce .woocommerce-loop-category__title{font-size:14px;}.elementor-10931 .elementor-element.elementor-element-f05a9e2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-10931 .elementor-element.elementor-element-2cd79ba0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10931 .elementor-element.elementor-element-68f7b35{--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;}.elementor-10931 .elementor-element.elementor-element-9e178fd{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10931 .elementor-element.elementor-element-0e2bc85 .woocommerce .woocommerce-loop-category__title{font-size:11px;letter-spacing:1.3px;}.elementor-10931 .elementor-element.elementor-element-17e8e9c .woocommerce .woocommerce-loop-category__title{font-size:11px;letter-spacing:1.3px;}.elementor-10931 .elementor-element.elementor-element-f05a9e2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-10931 .elementor-element.elementor-element-f05a9e2.elementor-wc-products ul.products li.product .button{font-size:12px;}}/* Start custom CSS for wc-categories, class: .elementor-element-0e2bc85 *//* --- ESTILOS VISUALES --- */

/* 1. Limpieza de elementos y fondos */
.elementor-10931 .elementor-element.elementor-element-0e2bc85 .count {
    display: none !important;
}

.elementor-10931 .elementor-element.elementor-element-0e2bc85 .product-category, 
.elementor-10931 .elementor-element.elementor-element-0e2bc85 .woocommerce-loop-category__title {
    background: transparent !important; /* "background" ya incluye el color */
}

/* 2. Efecto en Imágenes */
.elementor-10931 .elementor-element.elementor-element-0e2bc85 .product-category img {
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    will-change: opacity; /* Optimiza el renderizado de la animación */
}

.elementor-10931 .elementor-element.elementor-element-0e2bc85 .product-category:hover img {
    opacity: 0.6 !important; /* Subí a 0.6 como sugería tu comentario */
}

/* --- ORDEN DE CATEGORÍAS (Flexbox) --- */

/* 3. Configuración del contenedor */
.elementor-10931 .elementor-element.elementor-element-0e2bc85 ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 4. Base de orden para todos los ítems */
.elementor-10931 .elementor-element.elementor-element-0e2bc85 ul.products li.product-category {
    order: 10 !important;
}

/* 5. Reordenamiento específico */
/* Usamos :has() que es súper eficiente en navegadores modernos */

.elementor-10931 .elementor-element.elementor-element-0e2bc85 ul.products li.product-category:has(a[href*="otros-aromaticos"]) {
    order: 80 !important;
}

.elementor-10931 .elementor-element.elementor-element-0e2bc85 ul.products li.product-category:has(a[href*="box-regalo-home"]) {
    order: 90 !important;
}

.elementor-10931 .elementor-element.elementor-element-0e2bc85 ul.products li.product-category:has(a[href*="insumos"]) {
    order: 99 !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-17e8e9c *//* --- ESTILOS VISUALES --- */

/* 1. Limpieza de elementos y fondos */
.elementor-10931 .elementor-element.elementor-element-17e8e9c .count {
    display: none !important;
}

.elementor-10931 .elementor-element.elementor-element-17e8e9c .product-category, 
.elementor-10931 .elementor-element.elementor-element-17e8e9c .woocommerce-loop-category__title {
    background: transparent !important; /* "background" ya incluye el color */
}

/* 2. Efecto en Imágenes */
.elementor-10931 .elementor-element.elementor-element-17e8e9c .product-category img {
    opacity: 0.3 !important;
    transition: opacity 0.5s ease !important;
    will-change: opacity; /* Optimiza el renderizado de la animación */
}

.elementor-10931 .elementor-element.elementor-element-17e8e9c .product-category:hover img {
    opacity: 0.6 !important; /* Subí a 0.6 como sugería tu comentario */
}

/* --- ORDEN DE CATEGORÍAS (Flexbox) --- */

/* 3. Configuración del contenedor */
.elementor-10931 .elementor-element.elementor-element-17e8e9c ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 4. Base de orden para todos los ítems */
.elementor-10931 .elementor-element.elementor-element-17e8e9c ul.products li.product-category {
    order: 10 !important;
}

/* 5. Reordenamiento específico */
/* Usamos :has() que es súper eficiente en navegadores modernos */

.elementor-10931 .elementor-element.elementor-element-17e8e9c ul.products li.product-category:has(a[href*="otros-aromaticos"]) {
    order: 80 !important;
}

.elementor-10931 .elementor-element.elementor-element-17e8e9c ul.products li.product-category:has(a[href*="box-regalo-home"]) {
    order: 90 !important;
}

.elementor-10931 .elementor-element.elementor-element-17e8e9c ul.products li.product-category:has(a[href*="insumos"]) {
    order: 99 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e178fd */@media (max-width: 767px) {
    /* 1. Categorías en móvil: grilla flexible centrada (3 por fila) */
    .elementor-10931 .elementor-element.elementor-element-9e178fd ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 20px 10px;
        padding: 0 !important;
    }

    .elementor-10931 .elementor-element.elementor-element-9e178fd ul.products li.product-category {
        flex: 0 0 28% !important;
        max-width: 28% !important;
        width: 28% !important;
        float: none !important;
        margin: 0 !important;
        text-align: center;
    }

    .elementor-10931 .elementor-element.elementor-element-9e178fd ul.products li.product-category img {
        width: 100% !important;
        height: auto !important;
    }
}

@media (min-width: 768px) {
    /* 1. Solo si el contenedor tiene categorías, aplica flex horizontal */
    .elementor-10931 .elementor-element.elementor-element-9e178fd ul.products:has(li.product-category) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important; /* Permite salto si hay muchos elementos */
        width: 100% !important;
        gap: 15px !important;
    }

    /* 2. Estilos EXCLUSIVOS para tarjetas de categorías */
    .elementor-10931 .elementor-element.elementor-element-9e178fd ul.products li.product-category {
        flex: 1 1 0% !important; 
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        text-align: center !important;
    }

    /* 3. Ajuste de texto e imágenes solo para categorías */
    .elementor-10931 .elementor-element.elementor-element-9e178fd ul.products li.product-category a {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: clamp(11px, 1.1vw, 14px) !important;
        padding: 10px 5px !important;
        display: block !important;
    }
}
/* 1. En la portada de la tienda (/productos/), oculta el widget de subcategorías */
body.woocommerce-shop .cat-interna,
body.post-type-archive-product .cat-interna {
    display: none !important;
}

/* 2. En las categorías internas (/categoria/...), oculta el widget principal */
body.tax-product_cat .cat-portada {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-f05a9e2 *//* Efecto sutil en la imagen al pasar el mouse */
ul.products li.product a img {
    transition: all 0.5s ease !important;
}

ul.products li.product a:hover img {
    transform: scale(1.03); /* Un zoom casi imperceptible */
    opacity: 0.9; /* Suaviza un poco el color */
}
/* Obligamos a Elementor a respetar los saltos de línea del texto */
.elementor-products-nothing-found {
    white-space: pre-wrap !important;
    line-height: 1.6 !important; /* Para que no quede todo pegado */
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68f7b35 *//* 1. Si el contenedor de categorías está vacío, se oculta */
#columna-categorias:not(:has(ul)) {
    display: none !important;
}

/* 2. Si no hay categorías, expande los productos al 100% */
#contenedor-tienda:not(:has(#columna-categorias ul)) #columna-productos {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}/* End custom CSS */