.elementor-56206 .elementor-element.elementor-element-47690fb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}#elementor-popup-modal-56206 .dialog-widget-content{animation-duration:0.6s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-56206{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-56206 .dialog-message{width:450px;height:100vh;align-items:flex-start;}#elementor-popup-modal-56206 .dialog-close-button{display:flex;font-size:28px;}#elementor-popup-modal-56206 .dialog-close-button i{color:var( --e-global-color-57ea59b );}#elementor-popup-modal-56206 .dialog-close-button svg{fill:var( --e-global-color-57ea59b );}@media(max-width:767px){#elementor-popup-modal-56206 .dialog-message{width:400px;height:80vh;}#elementor-popup-modal-56206{justify-content:center;align-items:center;}}/* Start custom CSS *//* === DRAWER FILTROS === */

.wpfMainWrapper {
    padding: 20px 20px !important;
    font-family: "Mukta Mahee", sans-serif !important;
}

/* Bloques de filtro */
.wpfFilterWrapper {
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #E5E5E5 !important;
    position: relative !important;
}
.wpfFilterWrapper:last-of-type {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 8px !important;
}

/* Títulos por sección */
.wpfFilterWrapper::before {
    content: "" !important;
    display: block !important;
    font-family: "Antonio", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #1C1C1C !important;
    margin-bottom: 10px !important;
}
.wpfFilterWrapper[data-filter-type="wpfPrice"]::before { content: "Precio" !important; }
.wpfFilterWrapper[data-slug="gramos"]::before { content: "Gramos" !important; }
.wpfFilterWrapper[data-slug="unidades"]::before { content: "Unidades" !important; }
.wpfFilterWrapper[data-filter-type="wpfOnSale"]::before { content: "Promoción" !important; }
.wpfFilterWrapper[data-filter-type="wpfInStock"]::before { content: "Disponibilidad" !important; }

/* === SLIDER DE PRECIO === */
#wpfSliderRange.wpfPriceFilterRange {
    background: #E5E5E5 !important;
    height: 4px !important;
    border: none !important;
    margin: 12px 8px 8px !important;
}
#wpfSliderRange .ui-slider-range {
    background: #71AA49 !important;
}
#wpfSliderRange .ui-slider-handle {
    background: #71AA49 !important;
    border: 3px solid #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    top: -7px !important;
    cursor: pointer !important;
}

/* Inputs de precio */
.wpfPriceInputs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: "Antonio", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1C1C1C !important;
    margin-top: 10px !important;
}
.wpfCurrencySymbol {
    color: #71AA49 !important;
    font-weight: 700 !important;
}
.wpfPriceRangeField {
    border: none !important;
    background: transparent !important;
    font-family: "Antonio", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1C1C1C !important;
    width: 50px !important;
    text-align: center !important;
    padding: 0 !important;
}

/* === CHECKBOXES COMO PILLS === */
.wpfFilterVerScroll {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-height: none !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}
.wpfFilterVerScroll li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wpfCheckbox {
    display: none !important;
}

.wpfLiLabel {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    background: #fff !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 24px !important;
    font-family: "Mukta Mahee", sans-serif !important;
    font-size: 13px !important;
    color: #1C1C1C !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    margin: 0 !important;
}
.wpfLiLabel:hover {
    border-color: #71AA49 !important;
    color: #71AA49 !important;
}

.wpfFilterVerScroll li:has(input:checked) .wpfLiLabel {
    background: #71AA49 !important;
    border-color: #71AA49 !important;
    color: #fff !important;
}

.wpfFilterTaxNameWrapper {
    font-family: "Mukta Mahee", sans-serif !important;
    font-size: 13px !important;
}

/* === DROPDOWN ESTADO INVENTARIO === */
.wpfFilterWrapper[data-filter-type="wpfInStock"] select {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 8px !important;
    font-family: "Mukta Mahee", sans-serif !important;
    font-size: 13px !important;
    color: #1C1C1C !important;
    background: #fff !important;
    cursor: pointer !important;
}

/* === BOTONES FILTRAR Y REINICIAR === */
.wpfFilterButtons.wpfFilterButtonsBottom {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    padding-top: 16px !important;
    margin-top: 0 !important;
    border-top: none !important;
}

/* Botón FILTRAR */
.wpfFilterButton.wpfButton {
    flex: 1 !important;
    background: #71AA49 !important;
    color: #fff !important;
    border: 2px solid #71AA49 !important;
    padding: 12px 20px !important;
    font-family: "Antonio", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.wpfFilterButton.wpfButton:hover {
    background: #fff !important;
    color: #71AA49 !important;
}

/* Botón LIMPIAR */
.wpfClearButton.wpfButton {
    flex: 1 !important;
    background: transparent !important;
    color: #1C1C1C !important;
    border: 2px solid #1C1C1C !important;
    padding: 12px 20px !important;
    font-family: "Antonio", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.wpfClearButton.wpfButton:hover {
    background: #1C1C1C !important;
    color: #fff !important;
}

/* === MOBILE === */
@media (max-width: 767px) {
    .wpfMainWrapper { padding: 16px !important; }
    .wpfLiLabel { padding: 6px 12px !important; font-size: 13px !important; }
    .wpfFilterButtons.wpfFilterButtonsBottom {
        flex-direction: column !important;
    }
}/* End custom CSS */