.elementor-6049 .elementor-element.elementor-element-97a81dd{--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-6049 .elementor-element.elementor-element-488b809{--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-6049 .elementor-element.elementor-element-488b809.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6049 .elementor-element.elementor-element-a99445e{width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;}.elementor-6049 .elementor-element.elementor-element-a99445e.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-6049 .elementor-element.elementor-element-ea42295{width:var( --container-widget-width, 0.833% );max-width:0.833%;--container-widget-width:0.833%;--container-widget-flex-grow:0;}.elementor-6049 .elementor-element.elementor-element-ea42295.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6049 .elementor-element.elementor-element-402c4f3{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-6049 .elementor-element.elementor-element-402c4f3.e-con{--flex-grow:0;--flex-shrink:0;}.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-6049 .elementor-element.elementor-element-ea5d95c{text-align:center;}.elementor-6049 .elementor-element.elementor-element-ea5d95c .elementor-heading-title{color:#000000;}.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-6049 .elementor-element.elementor-element-db80070 .price{color:#000000;}.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-6049 .elementor-element.elementor-element-83dfe4a .cart button, .elementor-6049 .elementor-element.elementor-element-83dfe4a .cart .button{border-radius:0px 0px 0px 0px;padding:-1px -1px -1px -1px;transition:all 0.2s;}.elementor-6049 .elementor-element.elementor-element-83dfe4a{--view-cart-spacing:0px;--button-spacing:31px;}.elementor-6049 .elementor-element.elementor-element-83dfe4a .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-6049 .elementor-element.elementor-element-83dfe4a form.cart .variations{width:74%;margin-bottom:4px;}.woocommerce .elementor-6049 .elementor-element.elementor-element-83dfe4a form.cart table.variations tr th, .woocommerce .elementor-6049 .elementor-element.elementor-element-83dfe4a form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-6049 .elementor-element.elementor-element-83dfe4a form.cart table.variations td.value select, .woocommerce .elementor-6049 .elementor-element.elementor-element-83dfe4a form.cart table.variations td.value:before{border-radius:39px;}@media(max-width:1024px){.elementor-6049 .elementor-element.elementor-element-402c4f3{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-6049 .elementor-element.elementor-element-488b809{--width:50.195%;}.elementor-6049 .elementor-element.elementor-element-402c4f3{--width:43.55%;}}@media(max-width:767px){.elementor-6049 .elementor-element.elementor-element-402c4f3{--width:286.8px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-a99445e *//* ----------------------------------------------------------------- */
/* ESTILOS PARA ESCRITORIO (Pantallas Grandes) */
/* ----------------------------------------------------------------- */

/* Mueve la imagen principal a la derecha y las miniaturas a la izquierda */
.woocommerce-product-gallery {
 display: flex !important;
 flex-direction: row-reverse !important; 
 gap: 30px; /* Espacio entre miniaturas y la imagen principal */
}

/* Hace que las miniaturas estén en columna */
.woocommerce-product-gallery .flex-control-thumbs {
 display: flex !important;
 flex-direction: column !important;
 gap: 10px; /* Espacio entre miniaturas */
 width: 250px; /* Ancho del área de las miniaturas */
}

/* Ajusta el tamaño de cada miniatura en escritorio */
.woocommerce-product-gallery .flex-control-thumbs li {
 width: 100% !important;
}

/* Asegura que la imagen principal se ajuste bien */
.woocommerce-product-gallery__image img {
 width: 100% !important;
 height: auto !important;
}


/* ----------------------------------------------------------------- */
/* 📱 AJUSTES RESPONSIVOS PARA MÓVIL (Pantallas de 767px o menos) 📱 */
/* ----------------------------------------------------------------- */
@media (max-width: 767px) {
    
    /* 1. Contenedor Principal: Cambia a diseño apilado (columna) */
    .woocommerce-product-gallery {
        /* Coloca la imagen principal arriba y las miniaturas debajo */
        flex-direction: column !important; 
        gap: 15px; /* Reduce el espacio vertical */
    }

    /* 2. Contenedor de Miniaturas: Vuelve a ser horizontal y ocupa todo el ancho */
    .woocommerce-product-gallery .flex-control-thumbs {
        /* Muestra las miniaturas horizontalmente */
        flex-direction: row !important; 
        /* Ocupa el ancho completo del móvil */
        width: 100% !important; 
        /* Permite el desplazamiento horizontal si hay muchas miniaturas */
        overflow-x: scroll;
        overflow-y: hidden;
    }

    /* 3. Tamaño de cada Miniatura: Hazlas más pequeñas para que quepan */
    .woocommerce-product-gallery .flex-control-thumbs li {
        /* Se asigna un ancho fijo para cada miniatura */
        width: 80px !important; 
        /* Evita que las imágenes se encojan */
        flex-shrink: 0; 
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-83dfe4a *//* ======================================================
    1. ESTILOS BASE Y ESCRITORIO (ORDEN MODIFICADO)
======================================================
*/

/* 1.1 Contenedor Principal: Flexbox para reordenar y estilo de caja */
.woocommerce-variation-add-to-cart, 
.product .summary .cart {
    border: 1px solid #e0e0e0; 
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    
    /* ACTIVAMOS FLEXBOX PARA REORDENAR: Tallas -> Cantidad -> Botones */
    display: flex;
    flex-direction: column; 
}

/* 1.2 REORDENAMIENTO: Definimos el nuevo orden de los elementos */
.product .summary .variations { 
    order: 1; /* Tallas primero */
    text-align: center !important; 
    margin-bottom: 15px; 
} 

/* ¡CAMBIO AQUÍ! El .elementor-6049 .elementor-element.elementor-element-83dfe4a de cantidad va en segundo lugar */
.quantity { 
    order: 2; /* Cantidad en segundo lugar */
    /* Lo alineamos a la izquierda para que el .elementor-6049 .elementor-element.elementor-element-83dfe4a de botones no lo afecte */
    margin: 0 auto 15px !important; 
    width: 60px !important;
} 

/* El contenedor de botones de acción va en tercer lugar */
.single_variation_wrap { 
    order: 3; /* Botones de acción en tercer lugar */
    margin-top: 5px;
    display: flex; 
    justify-content: center; 
    gap: 10px; 
} 


/* 1.3 ESTILO DEL SELECTOR DE CANTIDAD (UNIDADES) */
.quantity .input-text.qty {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    padding: 8px 10px !important;
    width: 60px !important; 
    text-align: center;
    font-size: 16px;
    transition: border-color 0.3s;
}
.quantity .input-text.qty:focus {
    border-color: #E94B5D !important;
    box-shadow: 0 0 5px rgba(233, 75, 93, 0.5);
}


/* 1.4 ESTILO BÁSICO DE BOTONES (Asegurando el look) */
.single_add_to_cart_button, 
.wac-buy-now-button {
    padding: 12px 25px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    flex-grow: 1;
    width: auto !important;
    margin-right: 0 !important;
}
.single_add_to_cart_button { background-color: #E94B5D !important; color: white !important; border: none !important; }
.wac-buy-now-button { background-color: #333333 !important; color: white !important; border: none !important; }


/* 1.5 ESTILO BÁSICO DE BOTONES DE TALLA (Swatches) */
.product .summary .variations select { display: none !important; } 
.product .summary .variations ul.variable-items-wrapper { text-align: center; } 
.swatch-label.selected, .wcvs-term-label.selected { background-color: black !important; color: white !important; border-color: black !important; }


/* ======================================================
    2. AJUSTES RESPONSIVOS PARA MÓVIL (767px o menos)
======================================================
*/
@media (max-width: 767px) {
    
    .woocommerce-variation-add-to-cart, 
    .product .summary .cart {
        padding: 15px;
    }
    
    /* MÓVIL: APILAMOS LOS BOTONES Y OCUPAN TODO EL ANCHO */
    .single_variation_wrap {
        flex-direction: column; /* Botones apilados */
        gap: 10px; 
    }
    
    .single_add_to_cart_button, 
    .wac-buy-now-button {
        width: 100% !important; 
        display: block !important;
    }

    /* MÓVIL: SELECTOR DE CANTIDAD (QUANTITY) */
    .product .summary .cart .quantity {
        /* Deshacemos el centrado del escritorio */
        margin: 0 0 10px 0 !important; 
        width: 100% !important;
        text-align: left !important;
    }
    
    /* MÓVIL: Tallas también a la izquierda */
    .product .summary .variations {
        text-align: left !important; 
    }
    .product .summary .variations ul.variable-items-wrapper {
        text-align: left;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402c4f3 *//* Agrupa y reduce espacios entre widgets */
.product-info-box > * {
  margin-bottom: 12px !important;   /* Reduce separación entre elementos */
}

/* Ajusta el contenedor general */
.product-info-box {
  max-width: 480px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 0;                           /* Elimina espacio extra entre widgets */
}/* End custom CSS */