.elementor-325 .elementor-element.elementor-element-77ebd0d{--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;--gap:0px 50px;--row-gap:0px;--column-gap:50px;}.elementor-325 .elementor-element.elementor-element-37d26bc{--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;}.elementor-325 .elementor-element.elementor-element-61ff7e8{--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;}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product{text-align:center;}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:16px 16px 16px 16px;}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Oswald", Sans-serif;font-size:1.2rem;}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product .star-rating{color:#EFB810;}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-325 .elementor-element.elementor-element-b3a1e75 nav.woocommerce-pagination ul li a{color:var( --e-global-color-primary );}.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products ul.products li.product span.onsale{display:block;background-color:var( --e-global-color-22b5cef );}.elementor-325 .elementor-element.elementor-element-b3a1e75 .elementor-products-nothing-found{color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-325 .elementor-element.elementor-element-77ebd0d{--width:90%;}.elementor-325 .elementor-element.elementor-element-37d26bc{--width:20%;}.elementor-325 .elementor-element.elementor-element-61ff7e8{--width:80%;}}@media(max-width:1024px){.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-325 .elementor-element.elementor-element-b3a1e75.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-37d26bc *//* =========================================
   FILTROS NATIVOS WOOCOMMERCE - MODO OSCURO
   ========================================= */

/* 1. Títulos de los widgets */
.elementor-325 .elementor-element.elementor-element-37d26bc .widget-title {
    color: #ffffff !important;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 16px;
}

/* 2. Filtro de Precio: Barra inactiva y rango activo */
.elementor-325 .elementor-element.elementor-element-37d26bc .price_slider_wrapper .ui-slider {
    background-color: #333333 !important; 
}
.elementor-325 .elementor-element.elementor-element-37d26bc .price_slider_wrapper .ui-slider .ui-slider-range {
    background-color: #ffffff !important; 
}

/* 3. Filtro de Precio: Los "botoncitos" redondos para arrastrar */
.elementor-325 .elementor-element.elementor-element-37d26bc .price_slider_wrapper .ui-slider .ui-slider-handle {
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
    border-radius: 50%;
}

/* 4. Filtro de Precio: Botón de "Filtrar" y los números */
.elementor-325 .elementor-element.elementor-element-37d26bc .price_slider_amount .button {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
    border-radius: 4px;
    padding: 6px 15px;
    transition: 0.3s ease;
}
.elementor-325 .elementor-element.elementor-element-37d26bc .price_slider_amount .button:hover {
    background-color: #1a1a1a !important;
    border-color: #ffffff !important;
}
.elementor-325 .elementor-element.elementor-element-37d26bc .price_slider_amount .price_label {
    color: #888888 !important;
}
.elementor-325 .elementor-element.elementor-element-37d26bc .price_slider_amount .price_label span {
    color: #ffffff !important;
    font-weight: bold;
}

/* 5. Listas nativas (Categorías y Atributos) */
.elementor-325 .elementor-element.elementor-element-37d26bc ul.woocommerce-widget-layered-nav-list,
.elementor-325 .elementor-element.elementor-element-37d26bc ul.product-categories {
    list-style: none !important;
    padding: 0 !important;
}
.elementor-325 .elementor-element.elementor-element-37d26bc ul.woocommerce-widget-layered-nav-list li,
.elementor-325 .elementor-element.elementor-element-37d26bc ul.product-categories li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.elementor-325 .elementor-element.elementor-element-37d26bc ul.woocommerce-widget-layered-nav-list li a,
.elementor-325 .elementor-element.elementor-element-37d26bc ul.product-categories li a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: 0.3s ease;
}
.elementor-325 .elementor-element.elementor-element-37d26bc ul.woocommerce-widget-layered-nav-list li a:hover,
.elementor-325 .elementor-element.elementor-element-37d26bc ul.product-categories li a:hover {
    color: #888888 !important;
    padding-left: 5px;
}

/* 6. Contadores de productos al lado de cada categoría */
.elementor-325 .elementor-element.elementor-element-37d26bc .count {
    color: #555555 !important;
    float: right;
    font-size: 0.9em;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-b3a1e75 */.elementor-325 .elementor-element.elementor-element-b3a1e75 ul.products li.product {
    display: flex;
    flex-direction: column;
}

.elementor-325 .elementor-element.elementor-element-b3a1e75 .button.add_to_cart_button {
    margin-top: auto !important;
}

/* =========================================
   SELECTOR DE ORDEN (Adiós 1998)
   ========================================= */

.elementor-325 .elementor-element.elementor-element-b3a1e75 .woocommerce-ordering select {
    background-color: #0a0a0a !important; 
    color: #ffffff !important; 
    border: 1px solid #444444 !important; 
    padding: 8px 35px 8px 15px !important; 
    border-radius: 4px !important; 
    font-size: 14px !important;
    font-family: inherit !important;
    cursor: pointer;
    outline: none !important;
    
    /* Magia para matar el estilo feo del sistema operativo */
    -webkit-appearance: none !important; 
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* Flechita personalizada moderna (SVG en blanco) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 14px !important;
}

/* Efecto hover/focus para que se vea interactivo */
.elementor-325 .elementor-element.elementor-element-b3a1e75 .woocommerce-ordering select:hover,
.elementor-325 .elementor-element.elementor-element-b3a1e75 .woocommerce-ordering select:focus {
    border-color: #ffffff !important;
}

/* Fondo oscuro para las opciones desplegadas */
.elementor-325 .elementor-element.elementor-element-b3a1e75 .woocommerce-ordering select option {
    background-color: #111111 !important;
    color: #ffffff !important;
    padding: 10px !important;
}/* End custom CSS */