.elementor-1173 .elementor-element.elementor-element-f99d807{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1173 .elementor-element.elementor-element-3a59d66{--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-1173 .elementor-element.elementor-element-41193a2{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-1173 .elementor-element.elementor-element-e0bfbcb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1173 .elementor-element.elementor-element-9c8945d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1173 .elementor-element.elementor-element-9c8945d .elementor-heading-title{font-family:var( --e-global-typography-6c6d073-font-family ), Sans-serif;font-size:var( --e-global-typography-6c6d073-font-size );font-weight:var( --e-global-typography-6c6d073-font-weight );line-height:var( --e-global-typography-6c6d073-line-height );}.elementor-1173 .elementor-element.elementor-element-d873310 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-1173 .elementor-element.elementor-element-d873310 .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-15476d7-font-family ), Sans-serif;font-size:var( --e-global-typography-15476d7-font-size );font-weight:var( --e-global-typography-15476d7-font-weight );text-transform:var( --e-global-typography-15476d7-text-transform );}.elementor-1173 .elementor-element.elementor-element-330f608 .cart button, .elementor-1173 .elementor-element.elementor-element-330f608 .cart .button{border-radius:0px 0px 0px 0px;padding:10px 20px 10px 20px;color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );transition:all 0.2s;}.elementor-1173 .elementor-element.elementor-element-330f608 .cart button:hover, .elementor-1173 .elementor-element.elementor-element-330f608 .cart .button:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-1173 .elementor-element.elementor-element-330f608 .quantity .qty{font-family:var( --e-global-typography-15476d7-font-family ), Sans-serif;font-size:var( --e-global-typography-15476d7-font-size );font-weight:var( --e-global-typography-15476d7-font-weight );text-transform:var( --e-global-typography-15476d7-text-transform );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;transition:all 0.2s;}.woocommerce .elementor-1173 .elementor-element.elementor-element-330f608 form.cart table.variations label{color:var( --e-global-color-secondary );}.elementor-1173 .elementor-element.elementor-element-6bce16e .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-1173 .elementor-element.elementor-element-6bce16e .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-1173 .elementor-element.elementor-element-6bce16e .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:var( --e-global-color-secondary );}.elementor-1173 .elementor-element.elementor-element-6bce16e .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1173 .elementor-element.elementor-element-6bce16e .elementskit-accordion .elementskit-card-body, .elementor-1173 .elementor-element.elementor-element-6bce16e .accordion.floating-style .elementskit-card-body{background-color:#161616;}.elementor-1173 .elementor-element.elementor-element-6bce16e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 20px 0px;}.elementor-1173 .elementor-element.elementor-element-6bce16e .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:var( --e-global-color-primary );}.elementor-1173 .elementor-element.elementor-element-6bce16e .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:var( --e-global-color-primary );}.elementor-1173 .elementor-element.elementor-element-466c698{--display:flex;}@media(min-width:768px){.elementor-1173 .elementor-element.elementor-element-3a59d66{--width:55%;}.elementor-1173 .elementor-element.elementor-element-41193a2{--width:45%;}}@media(max-width:1024px){.elementor-1173 .elementor-element.elementor-element-9c8945d .elementor-heading-title{font-size:var( --e-global-typography-6c6d073-font-size );line-height:var( --e-global-typography-6c6d073-line-height );}.woocommerce .elementor-1173 .elementor-element.elementor-element-d873310 .price{font-size:var( --e-global-typography-15476d7-font-size );}.elementor-1173 .elementor-element.elementor-element-330f608 .quantity .qty{font-size:var( --e-global-typography-15476d7-font-size );}}@media(max-width:767px){.elementor-1173 .elementor-element.elementor-element-9c8945d .elementor-heading-title{font-size:var( --e-global-typography-6c6d073-font-size );line-height:var( --e-global-typography-6c6d073-line-height );}.woocommerce .elementor-1173 .elementor-element.elementor-element-d873310 .price{font-size:var( --e-global-typography-15476d7-font-size );}.elementor-1173 .elementor-element.elementor-element-330f608 .quantity .qty{font-size:var( --e-global-typography-15476d7-font-size );}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-12b4d8d *//* ========================================= */
/* 📸 GALERÍA WOOCOMMERCE: SIN RECORTES (CONTAIN) */
/* ========================================= */

/* 1. Contenedor principal */
.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 15px !important;
    align-items: flex-start !important;
    height: 600px !important; 
    width: 100% !important;
}

/* 2. Área de la foto principal (Derecha) */
.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-viewport {
    width: 82% !important;
    height: 100% !important;
    background-color: #000000 !important;
}

.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-viewport img {
    height: 600px !important;
    width: 100% !important;
    object-fit: contain !important;
}

/* 3. Tira de miniaturas con SCROLL (Izquierda) */
.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-control-nav {
    width: 18% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 100% !important; 
    overflow-y: auto !important; 
    scrollbar-width: none;
}

.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-control-nav::-webkit-scrollbar {
    display: none;
}

/* 4. Miniaturas individuales */
.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-control-nav li {
    width: 100% !important;
    margin: 0 !important;
    list-style: none !important;
}

.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-control-nav li img {
    border-radius: 0px !important;
    height: 80px !important; 
    width: 100% !important;
    object-fit: contain !important;
    background-color: #1a1a1a !important;
    cursor: pointer;
}

/* ========================================= */
/* 🔍 ZOOM Y REGLAS GENERALES                */
/* ========================================= */
.zoomImg { display: none !important; }
.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery__image { overflow: hidden !important; }
.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery__image img {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery__image:hover img {
    transform: scale(1.2) !important;
}

/* ========================================= */
/* 📱 AJUSTES MÓVIL (CORRECCIÓN CRÍTICA)     */
/* ========================================= */

@media (max-width: 767px) {
    .elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery { 
        height: auto !important; 
        flex-direction: column !important; /* Foto arriba, minis abajo */
        display: block !important; 
    }
    
    .elementor-1173 .elementor-element.elementor-element-12b4d8d .flex-viewport { 
        width: 100% !important; 
        margin-bottom: 15px !important;
    }
    
    .elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-viewport img { 
        height: auto !important; /* Altura fluida en móvil */
        max-height: 500px !important;
    }
    
    /* Forzamos la fila horizontal sin que las fotos se estiren al 100% */
    .elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-control-nav { 
        width: 100% !important;
        display: flex !important; 
        flex-direction: row !important; 
        flex-wrap: nowrap !important; /* EVITA QUE SE VAYAN ABAJO */
        overflow-x: auto !important; /* ACTIVA EL DESLIZAMIENTO LATERAL */
        -webkit-overflow-scrolling: touch;
        gap: 10px !important;
        padding: 10px 0 !important;
    }
    
    /* Tamaño fijo para cada miniatura en el scroll de móvil */
    .elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-control-nav li { 
        width: 80px !important; 
        min-width: 80px !important; /* Imprescindible para que no se encojan */
        flex: 0 0 80px !important;
    }
    
    .elementor-1173 .elementor-element.elementor-element-12b4d8d .woocommerce-product-gallery .flex-control-nav li img {
        height: 100px !important; /* Un poco más altas para que se vean mejor */
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-330f608 *//* 1. Tallas: Estilo de la caja exterior (Normal) */
.elementor-1173 .elementor-element.elementor-element-330f608 .cfvsw-label-option {
    background-color: #ffffff !important; 
    border: 1px solid #cccccc !important; 
    border-radius: 0px !important; 
    transition: all 0.2s ease !important; 
}

/* Limpiar el texto interior para que no haya doble recuadro */
.elementor-1173 .elementor-element.elementor-element-330f608 .cfvsw-label-option .cfvsw-swatch-inner {
    color: #000000 !important; 
    background-color: transparent !important; 
    border: none !important; 
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

/* 2. Tallas: Al pasar el ratón (Hover) */
.elementor-1173 .elementor-element.elementor-element-330f608 .cfvsw-label-option:hover {
    border-color: #000000 !important; 
}

/* 3. TALLA SELECCIONADA (¡Aquí está la clase correcta!) */
.elementor-1173 .elementor-element.elementor-element-330f608 .cfvsw-label-option.cfvsw-selected-swatch {
    background-color: #000000 !important; 
    border-color: #000000 !important;
}

/* Texto blanco cuando la talla está seleccionada */
.elementor-1173 .elementor-element.elementor-element-330f608 .cfvsw-label-option.cfvsw-selected-swatch .cfvsw-swatch-inner {
    color: #ffffff !important; 
}

/* Ocultar el texto "Clear" (Limpiar) */
.elementor-1173 .elementor-element.elementor-element-330f608 .reset_variations {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS *//* ========================================= */
/* 1. SWATCHES DE ESTAMPADOS (VERTICALES)    */
/* ========================================= */
body.elementor-page-1173 .cfvsw-image-option {
    width: 65px !important;       /* Ancho */
    height: 95px !important;      /* Alto (Formato vertical/retrato) */
    min-width: 65px !important;
    min-height: 95px !important;
    border-radius: 0px !important; /* Bordes rectos como en tu diseño */
    margin: 5px 15px 15px 0 !important;
}

/* ========================================= */
/* 2. SWATCHES DE TALLAS (RECTANGULARES)     */
/* ========================================= */
/* Forzar que el contenedor de tallas esté en una sola fila */
body.elementor-page-1173 div[swatches-attr="attribute_pa_size"] {
    display: flex !important;
    flex-wrap: nowrap !important; /* ¡Esto impide que bajen a una segunda línea! */
    gap: 8px !important; /* Espacio entre botones */
    overflow-x: auto !important; /* Por si en móviles la pantalla es muy estrecha, podrán deslizar */
    padding-bottom: 5px !important; 
}

body.elementor-page-1173 .cfvsw-label-option {
    width: 65px !important;       /* Más ancho (rectangular) */
    height: 40px !important;      /* Menos alto */
    min-width: 65px !important;
    min-height: 40px !important;
    margin: 0 !important;         /* El margen lo gestiona el 'gap' de arriba */
}

/* Centrar el texto en la nueva altura de 40px */
body.elementor-page-1173 .cfvsw-label-option .cfvsw-swatch-inner {
    line-height: 40px !important; 
    font-size: 15px !important;
}

/* ========================================= */
/* 3. VISTA PREVIA / TOOLTIP (GIGANTE)       */
/* ========================================= */
/* Hacer la caja del tooltip súper ancha */
body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip {
    min-width: 450px !important; 
    width: 450px !important;
    padding: 15px !important;
    border-radius: 8px !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.5) !important; /* Sombrita para que destaque */
}

/* Área de la imagen cuadrada y gigante */
body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip-image,
body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip .image {
    width: 100% !important;
    height: 400px !important; /* Altura generosa para que la foto crezca */
    
    /* Magia para que encaje la foto original al completo y centrada */
    background-size: contain !important; 
    background-position: center center !important; 
    background-repeat: no-repeat !important;
}

/* Hacemos el texto del nombre un poco más grande para compensar */
body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip-title {
    font-size: 18px !important;
    font-weight: bold !important;
    padding-top: 10px !important;
    margin: 0 !important;
}
/* ========================================= */
/* 📱 ADAPTACIÓN RESPONSIVE (MÓVILES)        */
/* ========================================= */
@media (max-width: 767px) {
    
    /* 1. Estampados (Imágenes) más pequeños en móvil */
    body.elementor-page-1173 .cfvsw-image-option {
        width: 45px !important;
        height: 65px !important;
        min-width: 45px !important;
        min-height: 65px !important;
        margin: 5px 10px 10px 0 !important;
    }

    /* 2. Tallas más proporcionadas para el dedo */
    body.elementor-page-1173 .cfvsw-label-option {
        width: 50px !important;
        height: 35px !important;
        min-width: 50px !important;
        min-height: 35px !important;
    }
    body.elementor-page-1173 .cfvsw-label-option .cfvsw-swatch-inner {
        line-height: 35px !important; 
        font-size: 13px !important;
    }

    /* 3. Evitar que el Tooltip Gigante rompa la pantalla del móvil */
    body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip {
        min-width: 250px !important; 
        width: 85vw !important; /* Ocupa el 85% del ancho del móvil, nunca se saldrá */
        max-width: 300px !important;
        padding: 10px !important;
    }
    
    body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip-image,
    body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip .image {
        height: 200px !important; /* Altura reducida para que quepa en la pantalla */
    }
    
    body.elementor-page-1173 .cfvsw-product-container .cfvsw-tooltip-title {
        font-size: 15px !important;
    }
}
/* ========================================= */
/* 💻 ADAPTACIÓN RESPONSIVE (TABLETS)        */
/* ========================================= */
@media (max-width: 1024px) {
    
    /* 1. Permitir que las tallas bajen a una segunda línea si no caben */
    body.elementor-page-1173 div[swatches-attr="attribute_pa_size"] {
        flex-wrap: wrap !important; /* Quita el bloqueo de una sola línea */
        overflow-x: visible !important;
        gap: 5px !important; /* Un poco menos de espacio entre ellas */
    }

    /* 2. Reducir ligeramente el tamaño de las cajas de tallas en tablet */
    body.elementor-page-1173 .cfvsw-label-option {
        width: 45px !important;       
        height: 35px !important;      
        min-width: 45px !important;
        min-height: 35px !important;
    }

    /* 3. Ajustar el texto interior a la nueva altura */
    body.elementor-page-1173 .cfvsw-label-option .cfvsw-swatch-inner {
        line-height: 35px !important; 
        font-size: 14px !important;
    }
}
/* ========================================= */
/* ✨ EFECTO ACTIVE PARA ESTAMPADOS (IMAGEN)  */
/* ========================================= */

/* 1. Estilo cuando el estampado está SELECCIONADO */
body.elementor-page-1173 .cfvsw-image-option.cfvsw-selected-swatch {
    border: 3px solid #ffffff !important; /* Borde blanco grueso */
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5) !important; /* Un poco de brillo opcional */
    transform: scale(1.05); /* Crece un poquito para dar feedback visual */
    transition: all 0.2s ease-in-out;
}

/* 2. Ajuste para que la imagen interior no tape el borde */
body.elementor-page-1173 .cfvsw-image-option.cfvsw-selected-swatch .cfvsw-swatch-inner {
    border: 2px solid #000000 !important; /* Un pequeño borde negro interior para separar la foto del borde blanco */
}

/* 3. Estilo cuando pasas el ratón (Hover) para que sepa que es clicable */
body.elementor-page-1173 .cfvsw-image-option:hover {
    border: 2px solid #aaaaaa !important;
}/* End custom CSS */