.elementor-1022 .elementor-element.elementor-element-667eac6{--display:flex;}.elementor-1022 .elementor-element.elementor-element-96d384b > .elementor-widget-container{margin:050px 0px 0px 0px;}.elementor-1022 .elementor-element.elementor-element-96d384b{text-align:center;}.elementor-1022 .elementor-element.elementor-element-96d384b .elementor-heading-title{font-family:"Bodoni Moda", Sans-serif;font-size:55px;font-weight:100;}.elementor-1022 .elementor-element.elementor-element-2c53176{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;letter-spacing:0.6px;}.elementor-1022 .elementor-element.elementor-element-2c53176.elementor-element{--align-self:center;}.elementor-1022 .elementor-element.elementor-element-d219457{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1022 .elementor-element.elementor-element-e791562{--display:flex;--margin-top:0px;--margin-bottom:0200px;--margin-left:0px;--margin-right:0px;}.elementor-1022 .elementor-element.elementor-element-a9cf832.elementor-wc-products  ul.products{grid-column-gap:30px;grid-row-gap:25px;}.elementor-1022 .elementor-element.elementor-element-a9cf832.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-1022 .elementor-element.elementor-element-a9cf832.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1022 .elementor-element.elementor-element-5cb94f8{--display:flex;}@media(max-width:1024px){.elementor-1022 .elementor-element.elementor-element-a9cf832.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1022 .elementor-element.elementor-element-a9cf832.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-cb80589 *//* =========================================
   1. ESTRUCTURA GENERAL (Buscador arriba, filtros abajo)
   ========================================= */

/* Contenedor general en bloque y centrado */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_redraw_zone, 
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 15px !important;
}

/* Los filtros individuales y el botón Filter: En línea (Horizontales) */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container,
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_submit_search_form_container {
    display: inline-block !important;
    vertical-align: middle !important;
    width: auto !important;
    margin: 5px 10px !important; /* Separación horizontal entre filtros */
    padding: 0 !important;
}

/* EL COMODÍN: Obligar a la caja de búsqueda a tomar el 100% del ancho y romper la línea */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container[class*="search"],
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container[class*="text"],
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container[class*="txt"],
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container[class*="name"] {
    display: block !important;
    width: 100% !important;
    margin-bottom: 30px !important; /* Respiro antes de los filtros */
}

/* Centrar el contenido interno de la barra de búsqueda */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}


/* =========================================
   2. ESTÉTICA DE LA BARRA DE BÚSQUEDA Y LUPAS
   ========================================= */

/* Estilo elegante de la barra centrada con lupa a la izquierda */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_container input[type="text"],
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_container input[type="search"] {
    border: none !important;
    border-bottom: 1px solid #b0b0b0 !important; /* Línea visible pero sutil */
    border-radius: 0 !important;
    background-color: transparent !important;
    
    /* Icono de lupa integrado a la izquierda siempre visible */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 8px center !important;
    
    /* Padding para que el texto no se pise con la lupa */
    padding: 12px 15px 12px 40px !important; 
    
    /* Ancho óptimo centrado */
    width: 450px !important;
    max-width: 100% !important;
    font-size: 16px !important;
    box-shadow: none !important;
    color: #333 !important;
}

/* Reforzar el color de la línea y la lupa al hacer clic (focus) */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_container input:focus {
    outline: none !important;
    border-bottom: 1px solid #000 !important;
}

/* Estilizar el color del texto de ayuda (Hint text / Placeholder) */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_container input::placeholder {
    color: #888 !important;
    opacity: 1 !important;
    font-style: italic;
}

/* Magia para ocultar nuestra lupa estática cuando el usuario empieza a escribir */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_container input:not(:placeholder-shown) {
    background-image: none !important; /* Desaparece la lupa de la izquierda */
}

/* El botón dinámico de HUSKY (lupa derecha) */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_go {
    cursor: pointer !important;
    opacity: 0.7 !important;
    transition: opacity 0.3s ease !important;
}

.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_text_search_go:hover {
    opacity: 1 !important; /* Pequeño efecto visual al pasar el ratón */
}


/* =========================================
   3. ESTÉTICA DE LOS FILTROS (DROPDOWNS)
   ========================================= */

/* Ocultar los títulos superiores por completo */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container h4 {
    display: none !important;
}

/* Camuflaje perfecto para los DropDowns con tu fondo (#f9f9f9) */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container_select select {
    background-color: #f9f9f9 !important; /* Tu color de fondo */
    border: 1px solid #f9f9f9 !important; /* Borde invisible */
    border-radius: 0 !important;
    width: auto !important;
    padding: 5px 20px 5px 5px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    color: #333 !important;
    outline: none !important;
}

/* Quitar cualquier recuadro al hacer clic */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_container_select select:focus {
    outline: none !important;
    border: 1px solid #f9f9f9 !important; /* Se mantiene invisible al tocarlo */
}

/* =========================================
   4. CONTENEDOR Y BOTONES (Filter y Reset alineados)
   ========================================= */

/* Forzar al contenedor a alinear sus elementos perfectamente al centro */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_submit_search_form_container {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important; /* La separación exacta entre ambos botones */
    vertical-align: middle !important;
    margin: 5px 10px !important; 
    padding: 0 !important;
}

/* Estética idéntica para ambos botones (sin importar si son enlace o botón) */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_submit_search_form_container button,
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_submit_search_form_container a.woof_reset_search_form,
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_reset_button_2 {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important; /* Tu tipografía elegida */
    font-weight: 400 !important; /* Grosor moderno y legible */
    border: 1px solid #1A1A1A !important;
    height: 30px !important; /* Forzar exactamente la misma altura en ambos */
    padding: 0 30px !important;
    font-size: 14px !important;
    border-radius: 0 !important; /* Cuadrados y limpios */
    cursor: pointer !important;
    text-transform: none !important; /* Quitamos mayúsculas para lucir la fuente Inter */
    text-decoration: none !important;
    
    /* Alineación interna del texto en cada botón */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* Efecto suave al pasar el ratón (Hover) */
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_submit_search_form_container button:hover,
.elementor-1022 .elementor-element.elementor-element-cb80589 .woof_submit_search_form_container a.woof_reset_search_form:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* =========================================
   5. OCULTAR ELEMENTOS NATIVOS POST-FILTRO (Fila 2)
   ========================================= */

/* Ocultar el texto "Showing 1-X of X results" */
p.woocommerce-result-count,
.woocommerce-result-count {
    display: none !important;
}

/* Ocultar el desplegable nativo de "Sort by" de WooCommerce */
form.woocommerce-ordering,
.woocommerce-ordering {
    display: none !important;
}

/* =========================================
   6. PANEL DE FILTROS ACTIVOS (Diseño Solo Texto Limpio y Alineado)
   ========================================= */

/* Contenedor principal */
.woof_products_top_panel,
.woof_products_top_panel ul {
    display: flex !important;
    flex-wrap: wrap !important;
    
    /* 1. ALINEACIÓN A LA IZQUIERDA */
    justify-content: flex-start !important; 
    
    list-style: none !important;
    
    /* 3. SEPARACIÓN CON EL GRID DE PRODUCTOS (40px abajo en lugar de 10px) */
    margin: 25px 0 10px 0 !important;
    padding: 0 !important;
}

/* ELIMINAR EL BOTÓN "CLEAR ALL" SUPERIOR Y CAJAS VACÍAS */
.woof_products_top_panel button.woof_reset_button_2,
.woof_products_top_panel .woof_clear_all {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* QUITAR TODOS LOS CONTENEDORES Y BORDES (Texto limpio) */
.woof_products_top_panel li {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important; 
    
    /* 2. SEPARACIÓN ENTRE CADA FILTRO (30px a la derecha, 10px abajo por si saltan de línea) */
    margin: 0 30px 10px 0 !important; 
    
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* MATAR LA IMAGEN ROJA NATIVA */
.woof_products_top_panel img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Limpiar estilos de los enlaces */
.woof_products_top_panel a {
    text-decoration: none !important;
    color: #333 !important;
    display: inline-flex !important;
    align-items: center !important;
    border: none !important;
    background: transparent !important;
}

/* EL VALOR Y LA CRUZ (Integrados en el texto) */
.woof_products_top_panel span.woof_remove_ppi {
    margin-left: 5px !important; 
    padding-right: 18px !important; 
    font-weight: 600 !important; 
    background: transparent !important;
    border: none !important;
    
    /* La cruz SVG (X) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
}

/* Efecto Hover */
.woof_products_top_panel a:hover span.woof_remove_ppi {
    opacity: 0.5 !important;
}


/* =========================================
   7. GRID DE PRODUCTOS (Bodoni Moda y sin bolsitas Astra)
   ========================================= */

/* 1. ELIMINAR CUALQUIER BOLSITA, BOTÓN O ICONO HOVER (Fuerza Bruta + Astra) */
.woocommerce ul.products li.product a.ast-on-card-button, /* ¡EL ANTÍDOTO PARA ASTRA! */
.woocommerce ul.products li.product .ast-card-action-tooltip,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .wc-forward,
.woocommerce ul.products li.product a[class*="cart"],
.woocommerce ul.products li.product a[class*="read"],
.woocommerce ul.products li.product a[class*="more"],
.woocommerce ul.products li.product a[class*="action"],
.woocommerce ul.products li.product .product_type_variable,
.woocommerce ul.products li.product .product_type_grouped,
.woocommerce ul.products li.product .product_type_external {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* 2. ESTILO DEL NOMBRE DEL PRODUCTO (Bodoni Moda) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .product-title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    font-family: 'Bodoni Moda', serif !important; /* Tu nueva fuente editorial */
    font-size: 16px !important; 
    font-weight: 100 !important; 
    color: #1A1A1A !important; 
    text-transform: none !important; 
    letter-spacing: 0.5px !important; 
    margin-top: 15px !important; 
    margin-bottom: 5px !important;
    transition: color 0.3s ease !important;
}

/* Efecto al pasar el ratón por el título (se vuelve gris oscuro) */
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product h2:hover {
    color: #555555 !important; 
}/* End custom CSS */