@media screen and (min-width:769px){.wpc_show_bottom_widget .wpc-filters-widget-content{height:auto!important}body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:block!important}}@media screen and (min-width:768px){.wpc-custom-selected-terms{clear:both;width:100%}.wpc-custom-selected-terms ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}.wpc-filters-main-wrap .wpc-custom-selected-terms ul.wpc-filter-chips-list{display:block;overflow:visible}html.is-active .wpc-filters-overlay{top:0;opacity:.3;background:#fff}.wpc-filters-main-wrap input.wpc-label-input+label:hover{border:1px solid rgba(0,0,0,.25);border-radius:5px}.wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{color:#333;background-color:rgba(0,0,0,.25)}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{color:#333}.theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{font-size:inherit}.theme-storefront #primary .wpc-custom-selected-terms{font-size:.875em}}@media screen and (max-width:768px){.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before{display:none;}.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-widget-top-container{text-align:center}.wpc_show_bottom_widget .wpc-filters-widget-top-container{position:sticky;top:0;z-index:99999;border-bottom:1px solid #f7f7f7}.wpc-custom-selected-terms:not(.wpc-show-on-mobile),.wpc-edit-filter-set,.wpc_show_bottom_widget .widget_wpc_selected_filters_widget,.wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,.wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,.wpc_show_bottom_widget .wpc-posts-found,body.wpc_show_bottom_widget .wpc-open-close-filters-button,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:none}.wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),.wpc_show_bottom_widget .wpc-spinner.is-active,.wpc_show_bottom_widget .wpc-widget-close-container,html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{display:block}body .wpc-filters-main-wrap li.wpc-term-item{padding:2px 0}.wpc-chip-empty{width:0;display:list-item;visibility:hidden;margin-right:0!important}.wpc-overlay-visible #secondary{z-index:auto}html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{top:0;opacity:.2;background:#fff}.wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{top:0;opacity:.3;background:#fff}body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened){display:block!important}.wpc-open-close-filters-button{display:block;margin-bottom:20px}.wpc-overlay-visible body,html.wpc-overlay-visible{overflow:hidden!important}.wpc_show_bottom_widget .widget_wpc_filters_widget,.wpc_show_bottom_widget .wpc-filters-main-wrap{padding:0!important;margin:0!important}.wpc_show_bottom_widget .wpc-filters-range-column{width:48%;max-width:none}.wpc_show_bottom_widget .wpc-filters-toolbar{display:flex;margin:1em 0}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{display:block;padding-left:20px;padding-right:20px}.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title{display:flex}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,.wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{display:flex;-webkit-box-pack:start;place-content:center flex-start;overflow-x:auto;padding-top:5px;padding-bottom:5px;margin-left:0;padding-left:0}.wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{top:0;opacity:.4}.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper{opacity:.6;pointer-events:none}.wpc_show_bottom_widget .wpc-filters-open-button-container{margin-top:1em;margin-bottom:1em}.wpc_show_bottom_widget .wpc-filters-widget-content{position:fixed;bottom:0;right:0;left:0;top:5%;z-index:999999;padding:0;background-color:#fff;margin:0;box-sizing:border-box;border-radius:7px 7px 0 0;transition:transform .25s;transform:translate3d(0,120%,0);-webkit-overflow-scrolling:touch;height:auto}.wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper{padding:0;margin:0;overflow-y:scroll;box-sizing:border-box;position:fixed;top:56px;left:0;right:0;bottom:0}.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened{transform:translate3d(0,0,0)}.theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content,.theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{background-color:#000}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list,.wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{max-height:none}.wpc_show_bottom_widget .wpc-filters-scroll-container{background:#fff;min-height:100%}.wpc_show_bottom_widget .wpc-filters-widget-wrapper{padding:20px 20px 15px}.wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field,.wpc-sorting-form select,.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=number],.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=text],.wpc_show_bottom_widget .wpc-filters-main-wrap select,.wpc_show_bottom_widget .wpc-filters-main-wrap textarea,.wpc_show_bottom_widget .wpc-search-field,.wpc_show_open_close_button .wpc-search-field,.wpc_show_open_close_button .wpc-filter-search-field{font-size:16px}.wpc-filter-layout-dropdown .select2-container .select2-selection--single,.wpc-sorting-form .select2-container .select2-selection--single{height:auto;padding:6px}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{overflow-y:visible}.theme-twentyeleven #primary,.theme-twentyeleven #secondary{margin-left:0;margin-right:0;clear:both;float:none}#main>.fusion-row{max-width:100%}.wpc_show_bottom_widget .wpc-filters-open-button-container,.wpc_show_bottom_widget .wpc-filters-widget-controls-container,.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-open-button-container{display:block}}
.wpc-preload-img{display:none;}.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list > li:nth-child(-n+5){display: list-item;}
li.wpc-term-item label span.wpc-term-swatch,.wpc-term-swatch-wrapper{width:24px;min-width:24px;height:24px;}
.wpc-term-swatch-wrapper:after{width:9.6px;height:4.8px;left:6.8571428571429px;top:6.8571428571429px;}.wpc-term-image-wrapper{width:70px;min-width:70px;height:40px;}.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list{
                        max-height: 550px;
                        overflow-y: auto;
                }
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{
                        background-color: #0570e2;
                    }
                
.wpc-spinner:after {
                        border-top-color: #0570e2;
                    }
.theme-Avada .wpc-filter-product_visibility .star-rating:before,
                .wpc-filter-product_visibility .star-rating span:before{
                    color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label{
                        border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input+label:hover{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label a{
                        color: #333333;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a{
                        color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a{
                    border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
                body .wpc-filters-main-wrap a.wpc-filters-submit-button{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:hover{
                    opacity: 0.9;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:active{
                    opacity: 0.75;
                }
.star-rating span,
                .star-rating span:before{
                    color: #0570e2;
                }
body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, 
                .wpc-filters-open-widget:active{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
a.wpc-filters-open-widget:active span.wpc-icon-line-1:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-2:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-3:after{
                    background-color: #0570e2;
                    border-color: #f5f5f5;
                }
a.wpc-filters-open-widget:active .wpc-icon-html-wrapper span{
                    background-color: #f5f5f5;
                }
@media screen and (min-width: 768px) {
body .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
                        color: #f5f5f5;
                        background-color: #0570e2;
                    }
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{
                        color: #f5f5f5;
                    }
body .wpc-filters-main-wrap input.wpc-label-input+label:hover{
                        border-color: #0570e2;
                    }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active{
                    border-color: #0570e2;
                    background: #0570e2;
                    opacity: 0.95;
            }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-focus{
                border-color: #0570e2;
                background: #0570e2;
                opacity: 0.6;
            }#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{
                background: #0570e2;
                color: #f5f5f5;
            }
}
.flrt-star-label svg{
                    stroke: #0570e2;
            }
.flrt-star-label-hover svg, .wpc-chip-stars svg{
                    fill: #0570e2;
            }
.wpc-filter-label-stars-wrapper{
                   padding: 4px 5px !important;
            }
.wpc-filter-label-stars-wrapper .flrt-star-label svg{
                    height: 17px;
                    width: 17px;
            }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-stars-wrapper .flrt-star-label svg, 
            span.wpc-filter-label-stars-wrapper:hover .flrt-star-label svg{
                        fill: #f5f5f5;
                }
@media screen and (min-width: 768px) {
html.is-active .wpc-spinner{
                                display: block;
                            }}
@media screen and (min-width: 768px) {
html.is-active .wpc-filters-overlay{
                            opacity: .15;
                            background: #000000;
                        }}
/* ===================================================
   DISEÑO CHIPS - VULL APRENDRE CATALÀ (HTML ESPECÍFICO)
   =================================================== */

/* 1. OCULTAR EL CHECKBOX DE FORMA RADICAL */
.wpc-filter-content.wpc-filter-product_cat input[type="checkbox"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
}

/* 2. CREAR EL BOTÓN (CHIP) SOBRE EL ENLACE */
/* Atacamos directamente la clase wpc-filter-link que me has pasado */
.wpc-filter-content.wpc-filter-product_cat .wpc-filter-link {
    display: inline-block !important;
    background-color: #f0f2ff !important; /* Azul suave de fondo */
    color: #7a8ef1 !important; /* Tu azul de marca #7a8ef1 */
    border: 2px solid #7a8ef1 !important; /* Borde azul */
    border-radius: 50px !important; /* Forma de pastilla */
    padding: 10px 25px !important; /* Espacio interno */
    font-weight: 700 !important; /* Texto en negrita */
    text-decoration: none !important; /* Quita el subrayado rosa */
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    line-height: 1.2 !important;
}

/* 3. ESTADO SELECCIONADO (Cuando el LI tiene la clase wpc-term-selected) */
/* Según tu HTML, el LI seleccionado es 'wpc-term-selected' */
.wpc-checkbox-item.wpc-term-selected .wpc-filter-link,
.wpc-filter-content.wpc-filter-product_cat .wpc-filter-link:hover {
    background-color: #7a8ef1 !important; /* Fondo azul fuerte */
    color: #ffffff !important; /* Texto blanco */
    box-shadow: 0px 4px 12px rgba(122, 142, 241, 0.4) !important;
}

/* 4. LIMPIEZA DE LA LISTA Y CENTRADO */
.wpc-filters-ul-list.wpc-filters-checkboxes {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    gap: 12px !important;
}

.wpc-checkbox-item {
    list-style: none !important;
    margin: 0 !important;
}

/* 1. OCULTAR EL TÍTULO "CATEGORIES BOTIGA" */
.wpc-filter-header {
    display: none !important;
}

/* 2. OCULTAR EL BOTÓN DE "EDIT FILTER SET" */
/* Este botón solo lo ves tú como admin, pero queda mejor sin él */
.wpc-edit-filter-set-link {
    display: none !important;
}

/* 3. PEQUEÑO AJUSTE DE MARGEN */
/* Para que los botones no estén pegados al título de la página */
.wpc-filters-section {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}
















/* ===================================================
   DISEÑO INTEGRAL DEFINITIVO - VULL APRENDRE CATALÀ
   =================================================== */

/* 1. CONFIGURACIÓN DE LA CUADRÍCULA (GRID) */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3 columnas en PC */
    gap: 25px !important;
    padding: 0 !important;
}

/* 2. DISEÑO DE LA TARJETA DE PRODUCTO */
.products .product {
    background: #ffffff !important;
    border-radius: 15px !important; 
    padding: 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.06) !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Mantiene el botón siempre abajo */
    height: 100% !important;
}

/* Efecto Hover */
.products .product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0px 12px 24px rgba(122, 142, 241, 0.2) !important;
}

/* 3. SOLUCIÓN FINAL PARA IMÁGENES (SIN RECORTES) */
/* Este bloque fuerza a las imágenes a mostrarse enteras, sin zoom */
.products .product img, 
.woocommerce ul.products li.product a img {
    border-radius: 10px !important;
    width: 100% !important;
    height: auto !important; 
    max-height: 250px !important; /* Altura máxima para que no desfiguren la cuadrícula */
    object-fit: contain !important; /* MUESTRA LA IMAGEN COMPLETA */
    margin-bottom: 15px !important;
    background-color: transparent !important;
    position: static !important;
}

/* Anulamos cualquier contenedor cuadrado que fuerce el recorte */
.woocommerce-loop-product__link {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

/* 4. TEXTOS (TÍTULOS Y PRECIOS) */
.products .product h2 {
    font-size: 16px !important;
    color: #333333 !important;
    margin: 10px 0 !important;
    line-height: 1.4 !important;
    min-height: 45px !important; /* Alinea los precios aunque el título varíe */
}

.products .product .price {
    color: #7a8ef1 !important; /* Tu azul de marca */
    font-weight: 800 !important;
    font-size: 19px !important;
    margin: 10px 0 15px 0 !important;
    display: block !important;
}

/* 5. BOTÓN DE COMPRA (ESTILO CHIP) */
.products .product .button {
    background-color: #7a8ef1 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    display: inline-block !important;
}

.products .product .button:hover {
    background-color: #5a6ed1 !important;
    transform: scale(1.05) !important;
}

/* 6. AJUSTES PARA MÓVIL */
@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(1, 1fr) !important; /* 1 columna en móvil */
    }
}