.elementor-802 .elementor-element.elementor-element-4e201e82{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-802 .elementor-element.elementor-element-4e201e82.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-802 .elementor-element.elementor-element-d786c31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;}body:not(.rtl) .elementor-802 .elementor-element.elementor-element-d786c31{right:0px;}body.rtl .elementor-802 .elementor-element.elementor-element-d786c31{left:0px;}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon-wrapper{text-align:end;}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );color:var( --e-global-color-77ab5a8 );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-framed .elementor-icon, .elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-framed .elementor-icon, .elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-77ab5a8 );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-77ab5a8 );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-77ab5a8 );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-framed .elementor-icon:hover, .elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-framed .elementor-icon:hover, .elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-77ab5a8 );}.elementor-802 .elementor-element.elementor-element-d786c31.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-77ab5a8 );}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon{font-size:35px;border-radius:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon svg{height:35px;}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon-wrapper svg{width:auto;}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon i, .elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon svg{transform:rotate(0deg);}.elementor-802 .elementor-element.elementor-element-18d0416{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-802 .elementor-element.elementor-element-ea63e7c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-802 .elementor-element.elementor-element-4d4f64d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-802 .elementor-element.elementor-element-9855d80{width:100%;max-width:100%;}.elementor-802 .elementor-element.elementor-element-9855d80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-802 .elementor-element.elementor-element-9855d80 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-collapse-icon{width:20px;height:20px;}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-collapse-none{width:20px;height:20px;}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-filter+.jet-filter{margin-top:10px;}.elementor-802 .elementor-element.elementor-element-9855d80 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-802 .elementor-element.elementor-element-a44c7d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-802 .elementor-element.elementor-element-93fd1c9{width:100%;max-width:100%;}.elementor-802 .elementor-element.elementor-element-93fd1c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-collapse-icon{width:20px;height:20px;}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-collapse-none{width:20px;height:20px;}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-filter+.jet-filter{margin-top:10px;}.elementor-802 .elementor-element.elementor-element-93fd1c9 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-802 .elementor-element.elementor-element-b2979e3{--display:flex;}.elementor-widget-jet-smart-filters-range .apply-filters__button, .elementor-widget-jet-smart-filters-range .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-range__slider__track{height:4px;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-range__slider__input::-webkit-slider-thumb{width:16px;height:16px;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-range__slider__input::-moz-range-thumb{width:16px;height:16px;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-range__slider__input::-ms-thumb{width:16px;height:16px;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-range__slider__input{height:16px;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-range__values{text-align:center;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-range__inputs__container{margin-left:auto;margin-right:auto;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-filters-group .jet-filter{width:100%;max-width:100%;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-filters-group .jet-filter+.jet-filter{margin-top:10px;}.elementor-802 .elementor-element.elementor-element-e5f1c10 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-802 .elementor-element.elementor-element-f2f98ae{--display:flex;}.elementor-widget-jet-smart-filters-sorting .apply-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-802 .elementor-element.elementor-element-8f5b2f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-8f5b2f5 .jet-sorting-select{max-width:100%;font-family:"Kumbh Sans", Sans-serif;font-weight:300;color:var( --e-global-color-secondary );background-color:var( --e-global-color-77ab5a8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;align-self:flex-start;}.elementor-802 .elementor-element.elementor-element-8f5b2f5 .jet-sorting-label{font-family:"Kumbh Sans", Sans-serif;font-weight:300;color:var( --e-global-color-secondary );margin:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-7741ed5{--n-accordion-title-font-size:14px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-icon-size:25px;}.elementor-802 .elementor-element.elementor-element-7741ed5 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-802 .elementor-element.elementor-element-7741ed5 {--n-accordion-padding:15px 10px 10px 10px;}:where( .elementor-802 .elementor-element.elementor-element-7741ed5 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Kumbh Sans", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px;}:where( .elementor-802 .elementor-element.elementor-element-7741ed5 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-right:0px;--padding-bottom:30px;--padding-left:0px;}.elementor-802 .elementor-element.elementor-element-2aa1dcc .jet-active-tags__title{font-family:"Kumbh Sans", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );margin:7px 10px 0px 0px;}.elementor-802 .elementor-element.elementor-element-2aa1dcc .jet-smart-filters-active-tags{flex-direction:row;}.elementor-802 .elementor-element.elementor-element-2aa1dcc .jet-active-tags__list{flex-direction:row;border-radius:0px 0px 0px 0px;padding:20px 0px 20px 0px;justify-content:flex-start;}.elementor-802 .elementor-element.elementor-element-2aa1dcc .jet-active-tag{margin-right:10px;margin-bottom:10px;font-size:12px;color:var( --e-global-color-text );background-color:var( --e-global-color-827f1e9 );border-style:none;border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-802 .elementor-element.elementor-element-2aa1dcc .jet-active-tag__label{font-size:12px;padding:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-2aa1dcc .jet-active-tag__remove{font-size:12px;}.elementor-802 .elementor-element.elementor-element-6ded872{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-jet-smart-filters-apply-button .apply-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-802 .elementor-element.elementor-element-3d7d1d2{width:100%;max-width:100%;}.elementor-802 .elementor-element.elementor-element-3d7d1d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-802 .elementor-element.elementor-element-3d7d1d2 .apply-filters__button{font-family:"Kumbh Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-77ab5a8 );background-color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;margin:0px 0px 0px 0px;-webkit-align-self:stretch;align-self:stretch;}.elementor-802 .elementor-element.elementor-element-3d7d1d2 .apply-filters__button:hover{color:var( --e-global-color-secondary );background-color:var( --e-global-color-77ab5a8 );border-color:var( --e-global-color-secondary );}.elementor-802 .elementor-element.elementor-element-3d7d1d2 .apply-filters__button:disabled{opacity:50%;}.elementor-widget-jet-smart-filters-remove-filters .jet-remove-all-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-802 .elementor-element.elementor-element-bea997e{width:100%;max-width:100%;}.elementor-802 .elementor-element.elementor-element-bea997e .jet-remove-all-filters__button{font-family:"Kumbh Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-secondary );background-color:var( --e-global-color-77ab5a8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;margin:0px 0px 0px 0px;-webkit-align-self:stretch;align-self:stretch;}.elementor-802 .elementor-element.elementor-element-bea997e .jet-remove-all-filters__button:hover{color:var( --e-global-color-77ab5a8 );background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}#elementor-popup-modal-802 .dialog-widget-content{animation-duration:0.3s;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-802{background-color:#00000080;justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-802 .dialog-message{width:30vw;height:100vh;align-items:flex-start;}@media(max-width:1366px){#elementor-popup-modal-802 .dialog-message{width:50vw;}}@media(min-width:768px){.elementor-802 .elementor-element.elementor-element-4e201e82{--width:100%;}}@media(max-width:1024px){.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon{font-size:30px;}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon svg{height:30px;}#elementor-popup-modal-802 .dialog-message{width:75vw;}}@media(max-width:767px){.elementor-802 .elementor-element.elementor-element-4e201e82{--padding-top:120px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon{font-size:25px;}.elementor-802 .elementor-element.elementor-element-d786c31 .elementor-icon svg{height:25px;}.elementor-802 .elementor-element.elementor-element-3d7d1d2{width:100%;max-width:100%;}.elementor-802 .elementor-element.elementor-element-3d7d1d2 .apply-filters__button{font-size:12px;-webkit-align-self:stretch;align-self:stretch;}.elementor-802 .elementor-element.elementor-element-bea997e{width:100%;max-width:100%;}.elementor-802 .elementor-element.elementor-element-bea997e .jet-remove-all-filters__button{font-size:12px;-webkit-align-self:stretch;align-self:stretch;}#elementor-popup-modal-802 .dialog-message{width:85vw;}}/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-9855d80 *//* 1. Base del círculo: Siempre mantiene su color */
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background-color: var(--color-fondo) !important; /* Color inamovible */
    border: 1px solid rgba(0,0,0,0.1) !important; /* Borde muy sutil inicial */
    position: relative;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px var(--color-fondo); /* Preparado para el aro */
}

/* 2. HOVER: El círculo crece un poco y aparece un aro fino de su color */
.filtro-colores-grid .jet-checkboxes-list__button:hover {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a gris */
    transform: scale(1.1);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px var(--color-fondo) !important;
    z-index: 2;
}

/* 3. SELECCIONADO (Activo): Aro más grueso de su propio color */
.filtro-colores-grid .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a negro */
    transform: scale(1.05); /* Un poco más grande que el reposo */
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px var(--color-fondo) !important;
    border: 1px solid transparent !important; /* Quitamos el borde gris sutil */
}

/* 4. Ocultamos etiquetas y decoradores originales */
.filtro-colores-grid .jet-checkboxes-list__label,
.filtro-colores-grid .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Ajustes de la cuadrícula */
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}

.filtro-colores-grid .jet-checkboxes-list__row {
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}


@media (max-width: 766px){
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 20px !important;
    height: 20px !important;
}
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-93fd1c9 *//* 1. Convertimos el fieldset (el wrapper real) en la cuadrícula */
fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important; /* 5 columnas */
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important; /* Importante para que no se desborde */
    border-top: 1px solid #e0e0e0 !important;
    border-left: 1px solid #e0e0e0 !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* 2. Ajustamos cada fila para que encaje perfectamente */
.jet-checkboxes-list__row {
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    width: 100% !important;
    display: block !important;
}

/* 3. El label debe ocupar todo el espacio de la celda */
.jet-checkboxes-list__item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer;
}

/* 4. Ocultamos el checkbox y el icono decorativo */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Estilo del botón (el cuadrado de la talla) */
.jet-checkboxes-list__button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 55px !important; /* Altura de cada celda */
    background-color: #ffffff;
    transition: all 0.2s ease;
    padding: 0 !important;
}

/* 6. Estilo del texto */
.jet-checkboxes-list__label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #000 !important;
}

/* --- ESTADOS SELECCIONADOS Y HOVER --- */

/* Cuando pasas el ratón */
.jet-checkboxes-list__button:hover {
    background-color: #f8f8f8 !important;
}

/* Cuando la talla está marcada (Fondo Negro) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: #000000 !important;
}

/* Cuando la talla está marcada (Texto Blanco) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__label {
    color: #ffffff !important;
}

/* Adaptación para móviles (3 columnas) */
@media (max-width: 767px) {
    fieldset.jet-checkboxes-list-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-9855d80 *//* 1. Base del círculo: Siempre mantiene su color */
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background-color: var(--color-fondo) !important; /* Color inamovible */
    border: 1px solid rgba(0,0,0,0.1) !important; /* Borde muy sutil inicial */
    position: relative;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px var(--color-fondo); /* Preparado para el aro */
}

/* 2. HOVER: El círculo crece un poco y aparece un aro fino de su color */
.filtro-colores-grid .jet-checkboxes-list__button:hover {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a gris */
    transform: scale(1.1);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px var(--color-fondo) !important;
    z-index: 2;
}

/* 3. SELECCIONADO (Activo): Aro más grueso de su propio color */
.filtro-colores-grid .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a negro */
    transform: scale(1.05); /* Un poco más grande que el reposo */
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px var(--color-fondo) !important;
    border: 1px solid transparent !important; /* Quitamos el borde gris sutil */
}

/* 4. Ocultamos etiquetas y decoradores originales */
.filtro-colores-grid .jet-checkboxes-list__label,
.filtro-colores-grid .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Ajustes de la cuadrícula */
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}

.filtro-colores-grid .jet-checkboxes-list__row {
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}


@media (max-width: 766px){
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 20px !important;
    height: 20px !important;
}
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-93fd1c9 *//* 1. Convertimos el fieldset (el wrapper real) en la cuadrícula */
fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important; /* 5 columnas */
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important; /* Importante para que no se desborde */
    border-top: 1px solid #e0e0e0 !important;
    border-left: 1px solid #e0e0e0 !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* 2. Ajustamos cada fila para que encaje perfectamente */
.jet-checkboxes-list__row {
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    width: 100% !important;
    display: block !important;
}

/* 3. El label debe ocupar todo el espacio de la celda */
.jet-checkboxes-list__item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer;
}

/* 4. Ocultamos el checkbox y el icono decorativo */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Estilo del botón (el cuadrado de la talla) */
.jet-checkboxes-list__button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 55px !important; /* Altura de cada celda */
    background-color: #ffffff;
    transition: all 0.2s ease;
    padding: 0 !important;
}

/* 6. Estilo del texto */
.jet-checkboxes-list__label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #000 !important;
}

/* --- ESTADOS SELECCIONADOS Y HOVER --- */

/* Cuando pasas el ratón */
.jet-checkboxes-list__button:hover {
    background-color: #f8f8f8 !important;
}

/* Cuando la talla está marcada (Fondo Negro) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: #000000 !important;
}

/* Cuando la talla está marcada (Texto Blanco) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__label {
    color: #ffffff !important;
}

/* Adaptación para móviles (3 columnas) */
@media (max-width: 767px) {
    fieldset.jet-checkboxes-list-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-9855d80 *//* 1. Base del círculo: Siempre mantiene su color */
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background-color: var(--color-fondo) !important; /* Color inamovible */
    border: 1px solid rgba(0,0,0,0.1) !important; /* Borde muy sutil inicial */
    position: relative;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px var(--color-fondo); /* Preparado para el aro */
}

/* 2. HOVER: El círculo crece un poco y aparece un aro fino de su color */
.filtro-colores-grid .jet-checkboxes-list__button:hover {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a gris */
    transform: scale(1.1);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px var(--color-fondo) !important;
    z-index: 2;
}

/* 3. SELECCIONADO (Activo): Aro más grueso de su propio color */
.filtro-colores-grid .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a negro */
    transform: scale(1.05); /* Un poco más grande que el reposo */
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px var(--color-fondo) !important;
    border: 1px solid transparent !important; /* Quitamos el borde gris sutil */
}

/* 4. Ocultamos etiquetas y decoradores originales */
.filtro-colores-grid .jet-checkboxes-list__label,
.filtro-colores-grid .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Ajustes de la cuadrícula */
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}

.filtro-colores-grid .jet-checkboxes-list__row {
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}


@media (max-width: 766px){
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 20px !important;
    height: 20px !important;
}
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-93fd1c9 *//* 1. Convertimos el fieldset (el wrapper real) en la cuadrícula */
fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important; /* 5 columnas */
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important; /* Importante para que no se desborde */
    border-top: 1px solid #e0e0e0 !important;
    border-left: 1px solid #e0e0e0 !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* 2. Ajustamos cada fila para que encaje perfectamente */
.jet-checkboxes-list__row {
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    width: 100% !important;
    display: block !important;
}

/* 3. El label debe ocupar todo el espacio de la celda */
.jet-checkboxes-list__item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer;
}

/* 4. Ocultamos el checkbox y el icono decorativo */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Estilo del botón (el cuadrado de la talla) */
.jet-checkboxes-list__button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 55px !important; /* Altura de cada celda */
    background-color: #ffffff;
    transition: all 0.2s ease;
    padding: 0 !important;
}

/* 6. Estilo del texto */
.jet-checkboxes-list__label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #000 !important;
}

/* --- ESTADOS SELECCIONADOS Y HOVER --- */

/* Cuando pasas el ratón */
.jet-checkboxes-list__button:hover {
    background-color: #f8f8f8 !important;
}

/* Cuando la talla está marcada (Fondo Negro) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: #000000 !important;
}

/* Cuando la talla está marcada (Texto Blanco) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__label {
    color: #ffffff !important;
}

/* Adaptación para móviles (3 columnas) */
@media (max-width: 767px) {
    fieldset.jet-checkboxes-list-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-9855d80 *//* 1. Base del círculo: Siempre mantiene su color */
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background-color: var(--color-fondo) !important; /* Color inamovible */
    border: 1px solid rgba(0,0,0,0.1) !important; /* Borde muy sutil inicial */
    position: relative;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px var(--color-fondo); /* Preparado para el aro */
}

/* 2. HOVER: El círculo crece un poco y aparece un aro fino de su color */
.filtro-colores-grid .jet-checkboxes-list__button:hover {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a gris */
    transform: scale(1.1);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px var(--color-fondo) !important;
    z-index: 2;
}

/* 3. SELECCIONADO (Activo): Aro más grueso de su propio color */
.filtro-colores-grid .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a negro */
    transform: scale(1.05); /* Un poco más grande que el reposo */
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px var(--color-fondo) !important;
    border: 1px solid transparent !important; /* Quitamos el borde gris sutil */
}

/* 4. Ocultamos etiquetas y decoradores originales */
.filtro-colores-grid .jet-checkboxes-list__label,
.filtro-colores-grid .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Ajustes de la cuadrícula */
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}

.filtro-colores-grid .jet-checkboxes-list__row {
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}


@media (max-width: 766px){
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 20px !important;
    height: 20px !important;
}
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-93fd1c9 *//* 1. Convertimos el fieldset (el wrapper real) en la cuadrícula */
fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important; /* 5 columnas */
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important; /* Importante para que no se desborde */
    border-top: 1px solid #e0e0e0 !important;
    border-left: 1px solid #e0e0e0 !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* 2. Ajustamos cada fila para que encaje perfectamente */
.jet-checkboxes-list__row {
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    width: 100% !important;
    display: block !important;
}

/* 3. El label debe ocupar todo el espacio de la celda */
.jet-checkboxes-list__item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer;
}

/* 4. Ocultamos el checkbox y el icono decorativo */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Estilo del botón (el cuadrado de la talla) */
.jet-checkboxes-list__button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 55px !important; /* Altura de cada celda */
    background-color: #ffffff;
    transition: all 0.2s ease;
    padding: 0 !important;
}

/* 6. Estilo del texto */
.jet-checkboxes-list__label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #000 !important;
}

/* --- ESTADOS SELECCIONADOS Y HOVER --- */

/* Cuando pasas el ratón */
.jet-checkboxes-list__button:hover {
    background-color: #f8f8f8 !important;
}

/* Cuando la talla está marcada (Fondo Negro) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: #000000 !important;
}

/* Cuando la talla está marcada (Texto Blanco) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__label {
    color: #ffffff !important;
}

/* Adaptación para móviles (3 columnas) */
@media (max-width: 767px) {
    fieldset.jet-checkboxes-list-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-9855d80 *//* 1. Base del círculo: Siempre mantiene su color */
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background-color: var(--color-fondo) !important; /* Color inamovible */
    border: 1px solid rgba(0,0,0,0.1) !important; /* Borde muy sutil inicial */
    position: relative;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px var(--color-fondo); /* Preparado para el aro */
}

/* 2. HOVER: El círculo crece un poco y aparece un aro fino de su color */
.filtro-colores-grid .jet-checkboxes-list__button:hover {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a gris */
    transform: scale(1.1);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px var(--color-fondo) !important;
    z-index: 2;
}

/* 3. SELECCIONADO (Activo): Aro más grueso de su propio color */
.filtro-colores-grid .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: var(--color-fondo) !important; /* Impedimos que cambie a negro */
    transform: scale(1.05); /* Un poco más grande que el reposo */
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px var(--color-fondo) !important;
    border: 1px solid transparent !important; /* Quitamos el borde gris sutil */
}

/* 4. Ocultamos etiquetas y decoradores originales */
.filtro-colores-grid .jet-checkboxes-list__label,
.filtro-colores-grid .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Ajustes de la cuadrícula */
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}

.filtro-colores-grid .jet-checkboxes-list__row {
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}


@media (max-width: 766px){
.filtro-colores-grid .jet-checkboxes-list__button {
    width: 20px !important;
    height: 20px !important;
}
.filtro-colores-grid fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 12px !important; /* Espacio para que el aro no se choque */
    border: none !important;
    padding: 5px !important; /* Margen para que el aro no se corte */
}
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-93fd1c9 *//* 1. Convertimos el fieldset (el wrapper real) en la cuadrícula */
fieldset.jet-checkboxes-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important; /* 5 columnas */
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important; /* Importante para que no se desborde */
    border-top: 1px solid #e0e0e0 !important;
    border-left: 1px solid #e0e0e0 !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* 2. Ajustamos cada fila para que encaje perfectamente */
.jet-checkboxes-list__row {
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    width: 100% !important;
    display: block !important;
}

/* 3. El label debe ocupar todo el espacio de la celda */
.jet-checkboxes-list__item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer;
}

/* 4. Ocultamos el checkbox y el icono decorativo */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 5. Estilo del botón (el cuadrado de la talla) */
.jet-checkboxes-list__button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 55px !important; /* Altura de cada celda */
    background-color: #ffffff;
    transition: all 0.2s ease;
    padding: 0 !important;
}

/* 6. Estilo del texto */
.jet-checkboxes-list__label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #000 !important;
}

/* --- ESTADOS SELECCIONADOS Y HOVER --- */

/* Cuando pasas el ratón */
.jet-checkboxes-list__button:hover {
    background-color: #f8f8f8 !important;
}

/* Cuando la talla está marcada (Fondo Negro) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: #000000 !important;
}

/* Cuando la talla está marcada (Texto Blanco) */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__label {
    color: #ffffff !important;
}

/* Adaptación para móviles (3 columnas) */
@media (max-width: 767px) {
    fieldset.jet-checkboxes-list-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}/* End custom CSS */