.elementor-608 .elementor-element.elementor-element-70105f1{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-608 .elementor-element.elementor-element-6e94df8{--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-608 .elementor-element.elementor-element-95e8d8a{--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-608 .elementor-element.elementor-element-7c16bae .elementor-heading-title{font-size:64px;}.woocommerce .elementor-608 .elementor-element.elementor-element-1210862 .price{color:var( --e-global-color-332724a );font-size:26px;font-weight:800;}.woocommerce .elementor-608 .elementor-element.elementor-element-1210862 .price ins{color:var( --e-global-color-332724a );}.elementor-608 .elementor-element.elementor-element-5cf61c9 .cart button, .elementor-608 .elementor-element.elementor-element-5cf61c9 .cart .button{transition:all 0.2s;}.elementor-608 .elementor-element.elementor-element-5cf61c9 .quantity .qty{transition:all 0.2s;}@media(min-width:768px){.elementor-608 .elementor-element.elementor-element-6e94df8{--width:50%;}.elementor-608 .elementor-element.elementor-element-95e8d8a{--width:50%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-4cd1067 *//* Forzar que el contenedor de miniaturas sea horizontal */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important; /* Activa el scroll horizontal */
    white-space: nowrap !important;
    padding-top: 10px !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* Scroll suave en móviles */
}

/* Darle estilo a cada miniatura del carrusel */
.woocommerce-product-gallery .flex-control-thumbs li {
    flex: 0 0 20% !important; /* Ajusta este % para cambiar cuántas miniaturas se ven (20% = 5 miniaturas) */
    max-width: 20% !important;
    margin-right: 8px !important; /* Espacio entre imágenes */
    box-sizing: border-box;
}

/* Ocultar la barra de scroll para que se vea más limpio (Opcional) */
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
    height: 4px;
}
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-5cf61c9 *//* ==========================================================================
   1. LIMPIEZA TOTAL DEL CONTENEDOR (QUITAR FONDO GRIS)
   ========================================================================= */
.woocommerce div.product form.cart table.variations {
    background: transparent !important;
    border: none !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

.woocommerce div.product form.cart table.variations td {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Título "Contenido" */
.woocommerce div.product form.cart table.variations td.label label {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 10px !important;
    display: inline-block;
}

/* Enlace "Limpiar" selección */
.woocommerce div.product form.cart .reset_variations {
    color: #8c6239 !important;
    font-size: 12px !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   2. ARREGLAR LOS BOTONES DE VARIACIONES (QUITAR DOBLE BORDE)
   ========================================================================= */
.yith_wccl_value_wrapper {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.select_option_label.select_option {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin-right: 8px !important;
}

/* El óvalo/círculo real del botón */
.yith_wccl_value {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 30px !important;
    background-color: #ffffff !important;
    color: #444 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    padding: 0 12px !important;
}

/* Botón seleccionado/activo */
.select_option_label.selected .yith_wccl_value {
    border: 2px solid #8c6239 !important;
    color: #8c6239 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   3. MAQUETACIÓN HORIZONTAL (CANTIDAD + BOTÓN)
   ========================================================================= */
.woocommerce div.product .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* ==========================================================================
   4. SELECTOR DE CANTIDAD ULTRA LIMPIO
   ========================================================================= */
.woocommerce div.product .quantity {
    display: inline-block !important;
}

.woocommerce div.product .quantity input.qty {
    height: 48px !important;
    width: 65px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    color: #222 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: center !important;
    padding: 0 !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    box-sizing: border-box !important;
}

/* Quita las flechitas nativas grises del navegador */
.woocommerce div.product .quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.product .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ==========================================================================
   5. EL BOTÓN DE AÑADIR AL CARRITO (DISEÑO PREMIUM)
   ========================================================================= */
.woocommerce div.product .single_add_to_cart_button.button {
    background-image: none !important; /* Elimina cualquier degradado raro */
    background-color: #111111 !important; /* Color negro moderno */
    color: #ffffff !important;
    height: 48px !important;
    padding: 0 35px !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    cursor: pointer !important;
    flex-grow: 1 !important; /* Hace que se estire al lado de la cantidad */
    max-width: 300px !important; /* Evita que sea gigante en pantallas grandes */
}

/* Estado deshabilitado */
.woocommerce div.product .single_add_to_cart_button.button.disabled,
.woocommerce div.product .single_add_to_cart_button.button:disabled {
    background-color: #cccccc !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
}

/* Efecto Hover */
.woocommerce div.product .single_add_to_cart_button.button:not(.disabled):hover {
    background-color: #333333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-1px) !important;
}/* End custom CSS */