.elementor-92 .elementor-element.elementor-element-98a7ed8{--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;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-92 .elementor-element.elementor-element-596f1be{--display:flex;--min-height:252px;--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-92 .elementor-element.elementor-element-2938732{--display:flex;}.elementor-92 .elementor-element.elementor-element-2938732.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-b19ccab{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;}.elementor-92 .elementor-element.elementor-element-b19ccab.elementor-element{--align-self:center;}.woocommerce .elementor-92 .elementor-element.elementor-element-b19ccab .flex-viewport:not(:last-child){margin-bottom:0px;}.woocommerce .elementor-92 .elementor-element.elementor-element-b19ccab .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-92 .elementor-element.elementor-element-b19ccab .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-92 .elementor-element.elementor-element-6ff0be4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-18px;--margin-right:0px;}.elementor-92 .elementor-element.elementor-element-911d612{--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;}.elementor-widget-woocommerce-product-title .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-92 .elementor-element.elementor-element-f2040ca .elementor-heading-title{font-family:var( --e-global-typography-8dc72c0-font-family ), Sans-serif;color:var( --e-global-color-ce81cdf );}.elementor-92 .elementor-element.elementor-element-a444107{--display:flex;}.elementor-92 .elementor-element.elementor-element-a444107.e-con{--order:-99999 /* order start hack */;}.elementor-widget-woocommerce-product-content{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-92 .elementor-element.elementor-element-d11de70{text-align:start;color:var( --e-global-color-ce81cdf );font-family:"Poppins", Sans-serif;font-size:14px;}.elementor-92 .elementor-element.elementor-element-ea88238{--display:flex;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-92 .elementor-element.elementor-element-1a158b2 > .elementor-widget-container{margin:0px 0px 0px -1px;}@media(min-width:768px){.elementor-92 .elementor-element.elementor-element-2938732{--width:47.477%;}}@media(max-width:767px){.elementor-92 .elementor-element.elementor-element-98a7ed8{--margin-top:-1px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-6ff0be4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-92 .elementor-element.elementor-element-f2040ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-b19ccab *//* 1. Ponemos todas las miniaturas normales (sin opacidad) */
.flex-control-thumbs li img {
    opacity: 1 !important;
    filter: brightness(100%);
    transition: opacity 0.3s ease;
}

/* 2. Hacemos que la imagen ACTIVA se vea opaca */
.flex-control-thumbs li img.flex-active {
    opacity: 0.4 !important; /* Ajusta este número (0.1 a 0.9) según qué tan opaca la quieras */
    filter: grayscale(80%); /* Opcional: le da un toque gris para diferenciarla más */
}

/* 3. Efecto al pasar el mouse sobre las que NO están activas */
.flex-control-thumbs li img:hover {
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-52b1769 *//*
 * -----------------------------------------------------
 * ESTILOS GENERALES Y TIPOGRAFÍA
 * -----------------------------------------------------
 */
.custom-product-form * {
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.em; /* Tamaño global ajustado */
}
.custom-product-form h3 {
     font-size: 1.1em; /* Título de sección más pequeño */
     margin-top: 15px;
     margin-bottom: 10px;
}
.custom-product-form h4 {
     font-size: 1em; /* Título de grupo más pequeño */
}

/* Cantidad Máxima (debajo del título, pequeño y color claro) */
.custom-product-form .max-selection-info {
    font-size: 0.8em; 
    color: #666; /* Negro más claro */
    margin: -5px 0 10px 0;
}

/* Precios en color negro */
.custom-product-form .custom-price-black {
     color: #000 !important;
}
/* * -----------------------------------------------------
 * DISEÑO LIMPIO: SIN FONDOS NI BORDES
 * -----------------------------------------------------
 */

/* Quitamos el fondo gris, bordes y paddings extra de las listas */
.custom-product-form .custom-options-list li,
.custom-product-form .custom-additions-wrapper li {
    background: transparent !important;
    border: none !important;
    padding: 5px 0 !important;
    margin-bottom: 5px;
}

/* Forzamos 3 columnas en escritorio sin cajas */
.custom-product-form .custom-options-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 10px 20px; /* 20px de separación entre columnas */
    border: none !important;
}

/* BOTONES MINIATURA (10% más pequeños y pegados) */
.custom-product-form .qty-button {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 0 !important;
    border: none !important;
}

/* Reducir espacio entre botones y cantidad */
.option-control-arrows, 
.addition-control, 
.main-qty-control {
    display: flex;
    align-items: center;
    gap: 2px !important; /* Espacio casi inexistente entre botones */
    background: transparent !important;
    border: none !important;
}

.option-qty-display, 
.addition-qty-display, 
.qty-display {
    margin: 0 4px !important;
    min-width: 15px !important;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
}

/* Alineación de los labels (Poppins) */
.custom-product-form label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #000;
}

/* RESPONSIVIDAD: 1 sola columna en móvil */
@media (max-width: 600px) {
    .custom-product-form .custom-options-list {
        grid-template-columns: 1fr !important;
        gap: 5px;
    }
    
    .custom-product-form .custom-options-list li {
        border-bottom: 1px solid #eee !important; /* Línea divisoria sutil */
        padding: 10px 0 !important;
    }
}
/*
 * -----------------------------------------------------
 * ADICIONALES PERSONALIZADOS
 * -----------------------------------------------------
 */
.custom-product-form .custom-additions-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-product-form .custom-additions-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-size: 0.9em;
}
.custom-product-form .custom-additions-list li + li {
    border-top: 1px solid #eee; /* Separador gris */
}
.custom-product-form .addition-details {
    font-weight: 500;
}
.custom-product-form .addition-details span:last-child {
      color: #000; /* Precio en Negro */
}


/* Contador de Adicionales (Bordes Rojos) */
.custom-product-form .addition-control .qty-button {
    width: 25px; 
    height: 25px;
    line-height: 20px;
    font-size: 16px;
    border-radius: 5px; /* Radio de 15px */
    background: none;
     /* Bordes Rojos */
    
    padding: 0;
    margin: 0 5px;
    box-sizing: border-box;
    transition: all 0.2s;
}
.custom-product-form .addition-control .qty-button:disabled {
    border-color: #ccc;
    color: #ccc;
}
.custom-product-form .addition-control .qty-display {
      font-weight: bold;
      width: 15px;
      text-align: center;
}

/*
 * -----------------------------------------------------
 * PETICIÓN ESPECIAL (NOTA GRIS)
 * -----------------------------------------------------
 */
.custom-product-form .custom-note-wrapper textarea {
    width: 100%;
    min-height: 80px; 
    padding: 10px;
    background-color: #f7f7f7; /* Color Gris */
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
}

/*
 * -----------------------------------------------------
 * BOTÓN AÑADIR AL CARRITO
 * -----------------------------------------------------
 */
.custom-product-form .single_add_to_cart_button.button {
   
    color: white !important;
    border-radius: 15px !important; /* Borde de 15px de radio */
    border: none !important;
    padding: 12px 25px !important;
    font-size: 16px !important;
    transition: background-color 0.2s;
}
.custom-product-form .product-info-and-button {
      /* Asegura que no haya espacio para el contador de producto principal eliminado */
      justify-content: flex-end; 
      margin-top: 20px;
      padding-bottom: 20px; /* Espacio extra al final */
}
/*
 * OCULTAR PRECIO DE OPCIONES (Aplicable en Elementor CSS Personalizado)
 */
.custom-product-form .custom-options-list .custom-price-black {
      display: none !important; 
}
/* 🟥🟥 REGLA AÑADIDA PARA EL CHECKBOX SELECCIONADO 🟥🟥 */
.custom-product-form .custom-options-list input[type='checkbox']:checked {
    /* Usa accent-color para cambiar el color de acento/fondo del control nativo 
       en navegadores modernos (funciona mejor que background/border) */
    accent-color: #52403C;
}
/* 🟥🟥 FIN DE LA REGLA AÑADIDA 🟥🟥 *//* End custom CSS */