.elementor-7687 .elementor-element.elementor-element-c30021c{--display:flex;--min-height:52px;--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7687 .elementor-element.elementor-element-58d1175{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7687 .elementor-element.elementor-element-58d1175 .woocommerce-breadcrumb{color:#8A8585;font-family:"Outfit", Sans-serif;font-size:17px;font-weight:400;}.elementor-7687 .elementor-element.elementor-element-3463b9c{--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 0px;--row-gap:0px;--column-gap:0px;}.elementor-7687 .elementor-element.elementor-element-8d6e08c{--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7687 .elementor-element.elementor-element-72d16fa .elementor-button{background-color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:17px;font-weight:400;fill:#C15A2A;color:#C15A2A;padding:5px 10px 5px 10px;}.elementor-7687 .elementor-element.elementor-element-72d16fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -53px) -16px;z-index:1;}.elementor-7687 .elementor-element.elementor-element-6567a50{--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-7687 .elementor-element.elementor-element-4c8a1b5{--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;--justify-content:space-between;}.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-7687 .elementor-element.elementor-element-6ad906c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:32px;font-weight:400;color:#231F20;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-7687 .elementor-element.elementor-element-c9778a6 .price{color:#231F20;font-family:"Outfit", Sans-serif;font-size:24px;font-weight:400;}.elementor-7687 .elementor-element.elementor-element-a9ad244{--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-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7687 .elementor-element.elementor-element-10df8f6 .cart button, .elementor-7687 .elementor-element.elementor-element-10df8f6 .cart .button{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;border-radius:114px 114px 114px 114px;padding:19px 19px 19px 19px;background-color:#000000;transition:all 0.2s;}.elementor-7687 .elementor-element.elementor-element-10df8f6 .added_to_cart{font-family:"Outfit", Sans-serif;font-size:232px;font-weight:500;}.elementor-7687 .elementor-element.elementor-element-10df8f6{--view-cart-spacing:0px;}.woocommerce .elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart .variations{width:100%;margin-bottom:0px;}.woocommerce .elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart table.variations tr th, .woocommerce .elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart table.variations tr td{padding-top:calc( 7px/2 );padding-bottom:calc( 7px/2 );}.woocommerce .elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart table.variations label{color:#000000;font-family:"Outfit", Sans-serif;font-size:19px;font-weight:400;}.woocommerce .elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart table.variations td.value select, .woocommerce div.product.elementor.elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart table.variations td.value:before{font-family:"Outfit", Sans-serif;font-size:1px;}.woocommerce .elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart table.variations td.value select, .woocommerce .elementor-7687 .elementor-element.elementor-element-10df8f6 form.cart table.variations td.value:before{border-radius:100px;}.elementor-7687 .elementor-element.elementor-element-e92ca3f{--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;--justify-content:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7687 .elementor-element.elementor-element-7c60a96{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;}.elementor-7687 .elementor-element.elementor-element-8fcdde5{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;}.elementor-7687 .elementor-element.elementor-element-8fcdde5 a{color:#000000;}.elementor-7687 .elementor-element.elementor-element-5e2ec3a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7687 .elementor-element.elementor-element-2367647{text-align:start;}.elementor-7687 .elementor-element.elementor-element-2367647 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7687 .elementor-element.elementor-element-fcdf4ee{--grid-columns:1;}.elementor-7687 .elementor-element.elementor-element-e373b99{--grid-columns:1;}.elementor-7687 .elementor-element.elementor-element-30824c2{--grid-columns:1;}.elementor-7687 .elementor-element.elementor-element-dde1a0b{--display:flex;}.elementor-7687 .elementor-element.elementor-element-46f8298{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-7687 .elementor-element.elementor-element-4035b0a .elementor-icon-list-icon i{color:#6EC1E400;transition:color 0.3s;}.elementor-7687 .elementor-element.elementor-element-4035b0a .elementor-icon-list-icon svg{fill:#6EC1E400;transition:fill 0.3s;}.elementor-7687 .elementor-element.elementor-element-4035b0a{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-7687 .elementor-element.elementor-element-4035b0a .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-7687 .elementor-element.elementor-element-4035b0a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7687 .elementor-element.elementor-element-4035b0a .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;}.elementor-7687 .elementor-element.elementor-element-4035b0a .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-7687 .elementor-element.elementor-element-b6fc0b3{--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-7687 .elementor-element.elementor-element-cbcb429{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7687 .elementor-element.elementor-element-f46351d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7687 .elementor-element.elementor-element-ed55767{--display:flex;--justify-content:center;}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-icon i{color:#6EC1E400;transition:color 0.3s;}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-icon svg{fill:#6EC1E400;transition:fill 0.3s;}.elementor-7687 .elementor-element.elementor-element-09ae2bb{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:300;}.elementor-7687 .elementor-element.elementor-element-09ae2bb .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-7687 .elementor-element.elementor-element-40bd096{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7687 .elementor-element.elementor-element-865ed85{--display:flex;}.elementor-7687 .elementor-element.elementor-element-369a2dc{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7687 .elementor-element.elementor-element-009b6ad{--display:flex;}.elementor-7687 .elementor-element.elementor-element-e63f185{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7687 .elementor-element.elementor-element-da44cb8{--n-accordion-title-font-size:19px;--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-icon-size:15px;}.elementor-7687 .elementor-element.elementor-element-da44cb8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 1px 0px;}:where( .elementor-7687 .elementor-element.elementor-element-da44cb8 > .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:"Outfit", Sans-serif;font-weight:400;}.elementor-7687 .elementor-element.elementor-element-2d2ea25{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7687 .elementor-element.elementor-element-b7524a9 img{max-width:10%;}.elementor-7687 .elementor-element.elementor-element-f2c38cf{text-align:center;}.elementor-7687 .elementor-element.elementor-element-f2c38cf .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-7687 .elementor-element.elementor-element-75ace5e{text-align:center;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:300;color:#5F5F5F;}@media(min-width:768px){.elementor-7687 .elementor-element.elementor-element-3463b9c{--width:100%;}.elementor-7687 .elementor-element.elementor-element-8d6e08c{--width:45%;}.elementor-7687 .elementor-element.elementor-element-6567a50{--width:55%;}.elementor-7687 .elementor-element.elementor-element-a9ad244{--width:100%;}.elementor-7687 .elementor-element.elementor-element-b6fc0b3{--width:100%;}}@media(max-width:1024px){.elementor-7687 .elementor-element.elementor-element-fcdf4ee{--grid-columns:2;}.elementor-7687 .elementor-element.elementor-element-e373b99{--grid-columns:2;}.elementor-7687 .elementor-element.elementor-element-30824c2{--grid-columns:2;}}@media(max-width:767px){.elementor-7687 .elementor-element.elementor-element-fcdf4ee{--grid-columns:1;}.elementor-7687 .elementor-element.elementor-element-e373b99{--grid-columns:1;}.elementor-7687 .elementor-element.elementor-element-30824c2{--grid-columns:1;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-10df8f6 *//* HACER QUE CADA FILA SEA FLEX Y OCUPe 100% */
form.cart table.variations tr {
    display: flex;
    align-items: center;
    justify-content: space-between;   /* AQUÍ ESTÁ LA MAGIA */
    padding: 8px 0;
    width: 100%;
}

/* ETIQUETA A LA IZQUIERDA */
form.cart table.variations td.label {
    flex: 0 0 auto;        /* mantiene su ancho natural */
    text-align: left;
    margin-right: 20px;
}

/* OPCIONES PEGADAS A LA DERECHA */
form.cart table.variations td.value {
    flex: 1;
    display: flex;
    justify-content: flex-end;    /* derecha del todo */
    gap: 10px;
}
.reset_variations {
    display: none !important;
}
/*************************************
    ELIMINAR FONDOS DE VARIACIONES
*************************************/

/* quitar fondo de celdas */
form.cart table.variations td.value,
form.cart table.variations td.label {
    background: transparent !important;
}

/* Quitar el fondo gris alterno en cada fila */
form.cart table.variations tr {
    background: transparent !important;
}

/* Quitar hover de los botones/variaciones */
.variable-item.button-variable-item:hover,
.variable-item.image-variable-item:hover,
.swatch:hover {
    background: transparent !important;
    border-color: #000 !important; /* opcional */
}

/* Quitar hover del color swatch */
.swatch-color:hover {
    background: transparent !important;
    outline: none !important;
}

/* Quitar sombra y brillo del hover */
.variable-item.button-variable-item:focus,
.variable-item.image-variable-item:focus,
.swatch:focus {
    background: transparent !important;
    box-shadow: none !important;
}

/* Quitar el fondo default del plugin */
.rtwpvs-terms-wrapper,
.rtwpvs-term,
.rtwpvs-variation-wrapper {
    background: transparent !important;
}

/* Quitar highlight al pasar encima */
form.cart table.variations tr:hover {
    background: transparent !important;
}

/* Quitar resaltado al agrupar con bordes */
.variable-items-wrapper {
    background: transparent !important;
    border: none !important;
}

/* Quitar fondo de los títulos de atributos */
form.cart table.variations td.label {
    background: transparent !important;
}

/* Quitar cualquier fondo que venga del <tr> */
form.cart table.variations tr {
    background: transparent !important;
}

/* Quitar fondos heredados de Woo */
form.cart table.variations {
    background: transparent !important;
}

/* Quitar posiblemente el fondo del contenedor superior */
form.cart .variations {
    background: transparent !important;
}

/* También aseguramos que no haya bloques con color */
form.cart table.variations td,
form.cart table.variations th {
    background: transparent !important;
}

/* SEPARADOR entre secciones de atributos */
form.cart table.variations tr {
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    padding: 16px 0;
}

/* OPCIONAL — quitar borde del último */
form.cart table.variations tr:last-child {
    border-bottom: none !important;
}

/* Añadir separación arriba también */
form.cart table.variations {
    border-top: 1px solid rgba(0,0,0,0.05) !important;
}
/* Apariencia del botón o swatch seleccionado en TODAS las variaciones */
form.cart .variations .variable-item.selected,
form.cart .variations .button-variable-item.selected,
form.cart .variations .swatch.selected,
form.cart .variations .swatch-color.selected {
    border: 2px solid #98A07F !important;   /* color del borde del seleccionado */
    background-color: #98A07F !important;   /* color de fondo del seleccionado */
    color: #FFFFFF !important;              /* color del texto del seleccionado */
}

/* Si no quieres que el fondo se llene del todo, elimina la línea de 'background-color' */

/* Apariencia del botón o swatch seleccionado en TODAS las variaciones */
form.cart .variations .variable-item.selected,
form.cart .variations .button-variable-item.selected,
form.cart .variations .swatch.selected,
form.cart .variations .swatch-color.selected {
    border: 0px solid #98A07F !important;   /* color del borde del seleccionado */
    background-color: #98A07F !important;   /* color de fondo del seleccionado */
    color: #FFFFFF !important;              /* color del texto del seleccionado */
}

/* Si no quieres que el fondo se llene del todo, elimina la línea de 'background-color' */

/* Eliminar el borde en TODAS las opciones no seleccionadas */
form.cart .variations .variable-item:not(.selected),
form.cart .variations .button-variable-item:not(.selected),
form.cart .variations .swatch:not(.selected),
form.cart .variations .swatch-color:not(.selected) {
    border: none !important;
    box-shadow: none !important;   /* por si el tema añade sombras */
}

/* Apariencia del botón o swatch seleccionado en TODAS las variaciones */
form.cart .variations .variable-item.selected,
form.cart .variations .button-variable-item.selected,
form.cart .variations .swatch.selected,
form.cart .variations .swatch-color.selected {
    border: 2px solid #98A07F !important;   /* color del borde del seleccionado */
    background-color: #98A07F !important;   /* color de fondo del seleccionado */
    color: #FFFFFF !important;              /* color del texto del seleccionado */
    border-radius: 10px !important;         /* redondeo de 10px que ya definiste */
}
/* Bordes redondeados de 10px en TODAS las opciones de variación */
form.cart .variations .variable-item,
form.cart .variations .button-variable-item,
form.cart .variations .swatch,
form.cart .variations .swatch-color {
    border-radius: 10px !important;
    border: none !important;        /* eliminamos cualquier borde por defecto */
    box-shadow: none !important;    /* por si el tema aplica sombras */
}

/* Estado seleccionado (sin borde) */
form.cart .variations .variable-item.selected,
form.cart .variations .button-variable-item.selected,
form.cart .variations .swatch.selected,
form.cart .variations .swatch-color.selected {
    border: none !important;               /* eliminamos el borde negro */
    background-color: #98A07F !important;  /* color de fondo del seleccionado */
    color: #FFFFFF !important;             /* color del texto del seleccionado */
    border-radius: 24px !important;        /* mantiene el radio redondeado */
}

/* Si prefieres que el fondo del seleccionado no sea sólido, elimina la línea de background-color */


/* SOLO para Formato UP */
form.cart table.variations tr:has([for="pa_formato-up"]) {
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* GRID solo para Formato UP */
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    width: 100%;
}

/* Card grande y cuadrada */
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] 
.variable-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 200px;

    padding: 24px 20px;
    border-radius: 12px;           /* cuadrado suave, NO circular */
    border: 1px solid #E2E2E2;
    background: #fff;

    cursor: pointer;
    transition: all 0.2s ease;
}

/* Imagen grande arriba */
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] 
.variable-item img {
    width: 140px;
    max-width: 100%;
    height: auto;
    margin-bottom: 16px;
}

/* Seleccionado */
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] 
.variable-item.selected {
    background-color: rgba(152,160,127,0.15);
    border-color: #98A07F;
}

/* Forzar forma cuadrada */
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] 
.variable-item,
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] 
.variable-item::before,
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] 
.variable-item::after {
    border-radius: 12px !important;
}

/* Grid fijo de 3 columnas SOLO para Formato UP */
form.cart table.variations 
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

/* =====================================================
   FORMATO UP – SELECCIÓN SOLO CON BORDE
   ===================================================== */

/* Estado normal */
form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item {
    background: #ffffff !important;
    border: 1px solid #E2E2E2 !important;
}

/* Estado seleccionado: SOLO BORDE */
form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item.selected {
    background: #ffffff !important;      /* sin fondo */
    border: 1.5px solid #98A07F !important;
}

/* =====================================================
   FORMATO UP – SOLO EL SELECCIONADO SIN RADIO
   ===================================================== */

/* Estado normal: NO tocamos radio */
form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item {
    background: #ffffff !important;
    border: none !important;
}

/* Estado seleccionado: borde verde, SIN radio */
form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item.selected {
    background: #ffffff !important;
    border: 1.5px solid #98A07F !important;
    border-radius: 0 !important;
}

/* =====================================================
   FORMATO UP – BORDES SIEMPRE, CAMBIA COLOR AL SELECCIONAR
   ===================================================== */

/* Card base – borde verde oscuro (#909765) */
form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 200px;
    padding: 24px 20px;

    background: #ffffff !important;
    border: 1.5px solid #D2D2D2 !important;   /* borde NO seleccionado */
    border-radius: 0 !important;
    box-shadow: none !important;

    cursor: pointer;
    transition: border-color 0.2s ease;
}

/* Estado seleccionado – borde verde principal */
form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item.selected {
    background: #ffffff !important;
    border-color: #98A07F !important;          /* borde seleccionado */
    border-radius: 0 !important;
}

/* =====================================================
   ELIMINAR TICK / CHECK DE VARIATION SWATCHES
   ===================================================== */

/* Pseudo-elementos del item */
.woo-variation-items-wrapper .variable-item::before,
.woo-variation-items-wrapper .variable-item::after,
.woo-variation-items-wrapper .image-variable-item::before,
.woo-variation-items-wrapper .image-variable-item::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
}

/* Pseudo-elementos del contenido interno (donde suele estar el tick REAL) */
.woo-variation-items-wrapper .variable-item .variable-item-contents::before,
.woo-variation-items-wrapper .variable-item .variable-item-contents::after,
.woo-variation-items-wrapper .variable-item.selected .variable-item-contents::before,
.woo-variation-items-wrapper .variable-item.selected .variable-item-contents::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
}

/* SVGs, iconos y spans de selección */
.woo-variation-items-wrapper .variable-item svg,
.woo-variation-items-wrapper .variable-item svg *,
.woo-variation-items-wrapper .variable-item i,
.woo-variation-items-wrapper .variable-item .rtwpvs-selected,
.woo-variation-items-wrapper .variable-item .rtwpvs-check,
.woo-variation-items-wrapper .variable-item .rtwpvs-checkmark,
.woo-variation-items-wrapper .variable-item .checkmark {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Por si el tick está aplicado como background-image al seleccionar */
.woo-variation-items-wrapper .variable-item.selected,
.woo-variation-items-wrapper .variable-item.selected .variable-item-contents {
    background-image: none !important;
}

/* =====================================================
   AJUSTES SOLO PARA MÓVIL
   ===================================================== */
@media (max-width: 767px) {

  /* Cada variación en columna */
  form.cart table.variations tr {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px;
  }

  /* Label arriba */
  form.cart table.variations td.label {
    width: 100% !important;
    margin-right: 0 !important;
  }

  /* Opciones debajo, alineadas a la izquierda */
  form.cart table.variations td.value {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 8px;
  }

  /* ===============================
     FORMATO UP – MOBILE
     =============================== */

  /* Grid de 2 columnas en móvil */
  form.cart table.variations
  .variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  /* Cards más compactas */
  form.cart table.variations
  .variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
  .variable-item {
    min-height: 140px !important;
    padding: 16px 12px !important;
  }

  /* Imagen más pequeña */
  form.cart table.variations
  .variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
  .variable-item img {
    width: 90px !important;
    margin-bottom: 10px !important;
  }

}


/* =====================================================
   NO SELECCIONADOS -> FONDO #F6F6F6 (solo botones/píldoras)
   ===================================================== */
form.cart .variations .variable-item.button-variable-item:not(.selected),
form.cart .variations .button-variable-item:not(.selected),
form.cart .variations .swatch:not(.swatch-color):not(.selected) {
    background-color: #F6F6F6 !important;
    color: inherit !important;
}

/* Mantener el fondo también en hover (porque tú lo fuerzas a transparente) */
form.cart .variations .variable-item.button-variable-item:not(.selected):hover,
form.cart .variations .button-variable-item:not(.selected):hover,
form.cart .variations .swatch:not(.swatch-color):not(.selected):hover {
    background-color: #F6F6F6 !important;
}

/* =====================================================
   COLOR SWATCHES – SOLO COLORES (AISLADO)
   ===================================================== */

/* ===== BASE COMÚN PARA LOS 3 COLORES ===== */
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-limpieza-facil"] .variable-item.image-variable-item,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-reciclado"] .variable-item.image-variable-item,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-tacto-lino"] .variable-item.image-variable-item {

    width: 46px !important;
    height: 46px !important;

    border-radius: 50% !important;
    border: 2px solid transparent !important;

    padding: 0 !important;
    background: transparent !important;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.2s ease;
}

/* Imagen interior */
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-limpieza-facil"] img,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-reciclado"] img,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-tacto-lino"] img {

    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 50% !important;
}

/* NO seleccionado */
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-limpieza-facil"] .variable-item:not(.selected),
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-reciclado"] .variable-item:not(.selected),
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-tacto-lino"] .variable-item:not(.selected) {
    opacity: 0.85;
}

/* Hover */
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-limpieza-facil"] .variable-item:hover,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-reciclado"] .variable-item:hover,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-tacto-lino"] .variable-item:hover {

    opacity: 1;
    border-color: rgba(152,160,127,0.45) !important;
}

/* ===== SELECCIONADO – ESTILO "STEEL" ===== */
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-limpieza-facil"] .variable-item.selected,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-reciclado"] .variable-item.selected,
form.cart .variations
.variable-items-wrapper[data-attribute_name="attribute_pa_color-tacto-lino"] .variable-item.selected {

    border-color: #98A07F !important;
    box-shadow: 0 0 0 3px rgba(152,160,127,0.25);
    opacity: 1;
}

/* FORMATO UP – versión más compacta */
form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item {

    min-height: 160px !important;   /* antes 200px */
    padding: 16px 14px !important;  /* menos aire */
}

form.cart table.variations
.variable-items-wrapper[data-attribute_name="attribute_pa_formato-up"]
.variable-item img {

    width: 100px !important;        /* antes 140px */
    margin-bottom: 10px !important;
}


tions
.variable-items-wrapper[data-attribute_name="attribute_pa_color-tacto-lino"] .variable-item.image-variable-item.selected::after {
  content: attr(data-title) !important;
  display: block !important;

  margin-top: 6px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  color: #000 !important;
  font-weight: 400 !important;
  text-align: center !important;
  white-space: nowrap !important;
}


/************************************************
PRECIO CONFIGURADOR – ESTILO INTEGRADO
************************************************/

/* Contenedor del precio */
.single_variation_wrap .woocommerce-variation-price{
    margin-top: 28px;
    margin-bottom: 20px;
    padding-top: 18px;

    border-top: 1px solid rgba(0,0,0,0.08);

    text-align: center;
}

/* Precio */
.single_variation_wrap .woocommerce-variation-price .price{
    display: inline-block;

    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.3px;

    color: #98A07F;

    line-height: 1.2;
    text-align: center;
}

/* Separación con el botón */
.single_variation_wrap .single_add_to_cart_button{
    margin-top: 14px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05740bb *//* =====================================================
   BOTÓN + INFO COLORES (REDIRECCIÓN A CONTACTO)
   ===================================================== */

.variable-items-wrapper[data-attribute_name="attribute_pa_color-limpieza-facil"],
.variable-items-wrapper[data-attribute_name="attribute_pa_color-reciclado"],
.variable-items-wrapper[data-attribute_name="attribute_pa_color-tacto-lino"] {
    position: relative;
    padding-right: 60px; /* espacio para el botón */
}

/* Botón + */
.color-info-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 42px;
    height: 42px;

    border-radius: 50%;
    background: #F2F2F2;
    color: #000;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 26px;
    font-weight: 300;
    text-decoration: none;
    cursor: pointer;

    transition: all 0.2s ease;
}

/* Hover */
.color-info-btn:hover {
    background: #E6E6E6;
    transform: translateY(-50%) scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db06164 *//* Contenedor del label */
form.cart table.variations th.label {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Enlace "Ver fotos de los tejidos" */
.ver-fotos-tejidos {
  font-size: 14px;
  color: #7A8F6A;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}

.ver-fotos-tejidos:hover {
  color: #5f7253;
}/* End custom CSS */