.elementor-7666 .elementor-element.elementor-element-8b46b46{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-7666 .elementor-element.elementor-element-7aef47a{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7666 .elementor-element.elementor-element-7aef47a:not(.elementor-motion-effects-element-type-background), .elementor-7666 .elementor-element.elementor-element-7aef47a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-7666 .elementor-element.elementor-element-bd23810 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;color:#000000;}.elementor-7666 .elementor-element.elementor-element-a6a0fd0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7666 .elementor-element.elementor-element-089833a{--display:flex;}.elementor-7666 .elementor-element.elementor-element-089833a:not(.elementor-motion-effects-element-type-background), .elementor-7666 .elementor-element.elementor-element-089833a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .jet-listing-grid > .jet-listing-grid__items{--columns:6;}:is( .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(10px / 2);padding-right:calc(10px / 2);}:is( .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 10px / -2);margin-right:calc( 10px / -2);width:calc(100% + 10px);}.elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 10px / -2);margin-right:calc( 10px / -2);}:is( .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(50px / 2);padding-bottom:calc(50px / 2);}:is( .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 50px / -2);margin-bottom:calc( 50px / -2);}.elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination__link, .elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination__dots{font-family:"Roboto", Sans-serif;font-size:14px;}.elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination__link{background-color:#F5F5F5;color:#000000;padding:5px 12px 5px 12px;}.elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination__dots{background-color:#18104E;color:#FFFFFF;padding:5px 12px 5px 12px;}.elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination__link:hover{background-color:#18104E;color:#FFFFFF;}.elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination__current .jet-filters-pagination__link{background-color:#18104E;color:#FFFFFF;}.elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination{column-gap:10px;row-gap:6px;justify-content:center;}.elementor-7666 .elementor-element.elementor-element-d442100 .jet-filters-pagination__load-more{order:initial;}@media(max-width:1024px){.elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}}@media(max-width:767px){.elementor-7666 .elementor-element.elementor-element-8b46b46{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:5px;--padding-right:5px;}.elementor-7666 .elementor-element.elementor-element-3e7d439 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-7666 .elementor-element.elementor-element-3e7d439 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(min-width:768px){.elementor-7666 .elementor-element.elementor-element-8b46b46{--content-width:1680px;}.elementor-7666 .elementor-element.elementor-element-7aef47a{--width:20%;}.elementor-7666 .elementor-element.elementor-element-a6a0fd0{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7666 .elementor-element.elementor-element-a6a0fd0{--width:100%;}}/* Start custom CSS for wp-widget-woocommerce_product_categories, class: .elementor-element-ef35c85 *//* ==================================================
   ESTILIZADO MODERNO DE CATEGORÍAS WOOCOMMERCE (CLIC EN FLECHA)
   ================================================== */

/* 1. Limpieza base de listas */
ul.product-categories,
ul.product-categories ul.children {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Contenedor general */
ul.product-categories {
    background: #ffffff;
    border-radius: 8px;
    padding: 8px 0 !important;
    border: 1px solid #eef2f6;
}

/* 2. Estilos para los ítems principales */
ul.product-categories > li.cat-item {
    position: relative;
    border-bottom: 1px solid #f1f5f9;
}

ul.product-categories > li.cat-item:last-child {
    border-bottom: none;
}

/* Enlaces principales */
ul.product-categories li.cat-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    color: #334155;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover suave en el enlace sin abrir submenús */
ul.product-categories li.cat-item a:hover {
    color: #1e1b4b;
    background-color: #f8fafc;
}

/* 3. Flecha interactiva para categorías padre */
ul.product-categories li.cat-parent {
    position: relative;
}

/* El pseudo-elemento actua como zona de clic para la flecha */
ul.product-categories li.cat-parent > a::after {
    content: "›";
    font-size: 20px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 8px;
    border-radius: 4px;
    transition: transform 0.25s ease, background-color 0.2s ease;
    cursor: pointer;
}

ul.product-categories li.cat-parent > a::after:hover {
    background-color: #e2e8f0;
}

/* 4. Estado Oculto y Desplegado mediante JavaScript */
ul.product-categories ul.children {
    display: none !important;
    background-color: #fafafa;
    padding: 4px 0 !important;
}

/* Se muestra solo si tiene la clase .is-open o si es la categoría actual */
ul.product-categories li.cat-parent.is-open > ul.children,
ul.product-categories li.cat-parent.current-cat-parent > ul.children,
ul.product-categories li.cat-parent.current-cat > ul.children {
    display: block !important;
}

/* Rotación de flecha cuando está abierto */
ul.product-categories li.cat-parent.is-open > a::after,
ul.product-categories li.cat-parent.current-cat-parent > a::after {
    transform: rotate(90deg);
}

/* 5. Estilos de Subcategorías */
ul.product-categories ul.children li.cat-item a {
    padding: 8px 16px 8px 32px;
    font-size: 13px;
    color: #64748b;
    font-weight: 400;
}

ul.product-categories ul.children li.cat-item a:hover {
    color: #0f172a;
    background-color: #f1f5f9;
}

/* Categoría Activa */
ul.product-categories li.current-cat > a {
    color: #1e1b4b !important;
    font-weight: 700 !important;
    background-color: #f1f5f9;
    border-left: 3px solid #1e1b4b;
}/* End custom CSS */