.elementor-2802 .elementor-element.elementor-element-1c7db686{--display:flex;--min-height:90px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:050px;--padding-right:50px;}.elementor-2802 .elementor-element.elementor-element-1c7db686:not(.elementor-motion-effects-element-type-background), .elementor-2802 .elementor-element.elementor-element-1c7db686 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e13e94 );}.elementor-2802 .elementor-element.elementor-element-ba22b7b{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2802 .elementor-element.elementor-element-e444e66{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2802 .elementor-element.elementor-element-2712ca0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2802 .elementor-element.elementor-element-4337c299 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2802 .elementor-element.elementor-element-4337c299 .elementor-icon-wrapper{text-align:center;}.elementor-2802 .elementor-element.elementor-element-4337c299.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b473748 );}.elementor-2802 .elementor-element.elementor-element-4337c299.elementor-view-framed .elementor-icon, .elementor-2802 .elementor-element.elementor-element-4337c299.elementor-view-default .elementor-icon{color:var( --e-global-color-b473748 );border-color:var( --e-global-color-b473748 );}.elementor-2802 .elementor-element.elementor-element-4337c299.elementor-view-framed .elementor-icon, .elementor-2802 .elementor-element.elementor-element-4337c299.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b473748 );}.elementor-2802 .elementor-element.elementor-element-4337c299 .elementor-icon{font-size:60px;}.elementor-2802 .elementor-element.elementor-element-4337c299 .elementor-icon svg{height:60px;}.elementor-2802 .elementor-element.elementor-element-4337c299 .elementor-icon-wrapper svg{width:auto;}.elementor-2802 .elementor-element.elementor-element-4337c299 .elementor-icon i, .elementor-2802 .elementor-element.elementor-element-4337c299 .elementor-icon svg{transform:rotate(0deg);}.elementor-2802 .elementor-element.elementor-element-14fbd80{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 35px;--row-gap:0px;--column-gap:35px;--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-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__close-button, .elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__close-button-custom{margin-right:auto;}.elementor-2802 .elementor-element.elementor-element-d304825{--main-alignment:right;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--view-cart-button-display:none;--cart-footer-layout:1fr;--cart-buttons-position-margin:auto;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-b473748 );--toggle-button-background-color:var( --e-global-color-6bffe54 );--toggle-button-icon-hover-color:#EF6A85;--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:40px;--toggle-icon-padding:0px 0px 0px 0px;--cart-background-color:#FFFFFF;--cart-border-style:none;--cart-border-radius:0px 0px 0px 0px;--cart-padding:2% 2% 2% 2%;--cart-close-icon-size:20px;--remove-item-button-size:25px;--remove-item-button-color:#FF0034;--remove-item-button-hover-color:#FF0034;--menu-cart-subtotal-text-align:right;--product-price-color:#2A2C30;--product-divider-gap:20px;--checkout-button-text-color:#FFFFFF;}body:not(.rtl) .elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-4px;top:-4px;}body.rtl .elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:4px;top:-4px;left:auto;}.elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__subtotal{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:600;}.elementor-2802 .elementor-element.elementor-element-d304825 .widget_shopping_cart_content{--subtotal-divider-style:solid;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:0px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:0px;--subtotal-divider-color:var( --e-global-color-text );}.elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__product-name a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;line-height:5px;}.elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__product .variation{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:300;}.elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__product-price{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;}.elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-text );font-family:"Outfit", Sans-serif;font-size:16px;font-weight:800;}.elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;}.elementor-2802 .elementor-element.elementor-element-d304825 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;border-radius:10px 10px 10px 10px;}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-icon i{color:var( --e-global-color-b473748 );transition:color 0.3s;}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-icon svg{fill:var( --e-global-color-b473748 );transition:fill 0.3s;}.elementor-2802 .elementor-element.elementor-element-4bd50b4{--e-icon-list-icon-size:40px;--icon-vertical-offset:0px;}.elementor-2802 .elementor-element.elementor-element-4bd50b4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2802 .elementor-element.elementor-element-1634cde{--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;--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-2802 .elementor-element.elementor-element-1634cde:not(.elementor-motion-effects-element-type-background), .elementor-2802 .elementor-element.elementor-element-1634cde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F33636;}.elementor-2802 .elementor-element.elementor-element-fd58f22{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:05px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2802 .elementor-element.elementor-element-62c103c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2802 .elementor-element.elementor-element-62c103c{text-align:center;}.elementor-2802 .elementor-element.elementor-element-62c103c .elementor-heading-title{font-family:"Karla", Sans-serif;font-size:40px;font-weight:900;text-transform:uppercase;line-height:50px;letter-spacing:-1px;color:var( --e-global-color-b473748 );}.elementor-2802 .elementor-element.elementor-element-a5e1326 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2802 .elementor-element.elementor-element-a5e1326{columns:1;text-align:center;font-family:"Karla", Sans-serif;font-size:18px;}.elementor-2802 .elementor-element.elementor-element-874ff9f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:05px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2802 .elementor-element.elementor-element-3b7f4a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2802 .elementor-element.elementor-element-3b7f4a9{text-align:center;}.elementor-2802 .elementor-element.elementor-element-3b7f4a9 .elementor-heading-title{font-family:"Karla", Sans-serif;font-size:40px;font-weight:900;text-transform:uppercase;line-height:50px;letter-spacing:-1px;color:var( --e-global-color-b473748 );}.elementor-2802 .elementor-element.elementor-element-ae6ff41 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2802 .elementor-element.elementor-element-ae6ff41{columns:1;text-align:center;font-family:"Karla", Sans-serif;font-size:18px;}.elementor-2802 .elementor-element.elementor-element-6fd2092{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2802 .elementor-element.elementor-element-6fd2092 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2802 .elementor-element.elementor-element-5c4162fc{--display:flex;--min-height:100vh;--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 50px;--row-gap:0px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-2802 .elementor-element.elementor-element-327dd794{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2802 .elementor-element.elementor-element-16f238fe{--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-2802 .elementor-element.elementor-element-4801e002 .elementor-heading-title{font-family:"Karla", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;}.elementor-2802 .elementor-element.elementor-element-236e8cd9{font-family:"Karla", Sans-serif;font-size:18px;letter-spacing:-0.5px;}.elementor-2802 .elementor-element.elementor-element-7155e080{width:100%;max-width:100%;}.elementor-2802 .elementor-element.elementor-element-7155e080 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-2802 .elementor-element.elementor-element-7155e080 .price{color:var( --e-global-color-6e13e94 );font-family:"Karla", Sans-serif;font-size:40px;font-weight:800;}.woocommerce .elementor-2802 .elementor-element.elementor-element-7155e080 .price ins{color:#FF0000;}body:not(.rtl) .elementor-2802 .elementor-element.elementor-element-7155e080:not(.elementor-product-price-block-yes) del{margin-right:8px;}body.rtl .elementor-2802 .elementor-element.elementor-element-7155e080:not(.elementor-product-price-block-yes) del{margin-left:8px;}.elementor-2802 .elementor-element.elementor-element-7155e080.elementor-product-price-block-yes del{margin-bottom:8px;}.elementor-2802 .elementor-element.elementor-element-2bccb41e .cart button, .elementor-2802 .elementor-element.elementor-element-2bccb41e .cart .button{font-family:"Karla", Sans-serif;font-size:18px;text-transform:uppercase;font-style:normal;letter-spacing:-1px;border-radius:5px 5px 5px 5px;padding:15px 50px 15px 50px;color:var( --e-global-color-b473748 );background-color:#000000CF;border-color:var( --e-global-color-6bffe54 );transition:all 0.2s;}.elementor-2802 .elementor-element.elementor-element-2bccb41e .cart button:hover, .elementor-2802 .elementor-element.elementor-element-2bccb41e .cart .button:hover{color:var( --e-global-color-b473748 );background-color:var( --e-global-color-6e13e94 );}.elementor-2802 .elementor-element.elementor-element-2bccb41e .added_to_cart{color:var( --e-global-color-6bffe54 );font-size:0px;}.elementor-2802 .elementor-element.elementor-element-2bccb41e{--view-cart-spacing:0px;}.elementor-2802 .elementor-element.elementor-element-2bccb41e .quantity .qty{transition:all 0.2s;}.elementor-2802 .elementor-element.elementor-element-2e668273{--display:flex;}.elementor-2802 .elementor-element.elementor-element-fc43068{--display:flex;}.elementor-2802 .elementor-element.elementor-element-145c687{--display:flex;}.elementor-2802 .elementor-element.elementor-element-c730035{--display:flex;}.elementor-2802 .elementor-element.elementor-element-dd13c25{--display:flex;}.elementor-2802 .elementor-element.elementor-element-d36a097{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(min-width:768px){.elementor-2802 .elementor-element.elementor-element-1c7db686{--width:100%;}.elementor-2802 .elementor-element.elementor-element-ba22b7b{--width:100%;}.elementor-2802 .elementor-element.elementor-element-fd58f22{--width:100%;}.elementor-2802 .elementor-element.elementor-element-874ff9f{--width:100%;}}@media(max-width:1024px){.elementor-2802 .elementor-element.elementor-element-6fd2092{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2802 .elementor-element.elementor-element-d36a097{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2802 .elementor-element.elementor-element-6fd2092{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2802 .elementor-element.elementor-element-d36a097{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for nested-carousel, class: .elementor-element-6fd2092 */.elementor-2802 .elementor-element.elementor-element-6fd2092 .swiper-wrapper{
  transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-72d6b9fe */.elementor-2802 .elementor-element.elementor-element-72d6b9fe .woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important; /* Invierte el orden tipo Nike */
    gap: 20px !important; /* Espacio entre las miniaturas y la imagen grande */
    align-items: flex-start !important;
    position: relative !important;
}

/* ==========================================================================
   2. IMAGEN PRINCIPAL (Contenedor derecho)
   ========================================================================== */
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-viewport,
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .woocommerce-product-gallery__wrapper {
    flex: 1 !important;
    border-radius: 16px !important; /* Bordes redondeados elegantes */
    overflow: hidden !important;
    position: relative !important;
    background-color: #f6f6f6 !important; /* Fondo gris claro característico de Nike */
}

.elementor-2802 .elementor-element.elementor-element-72d6b9fe .woocommerce-product-gallery__image img {
    border-radius: 16px !important;
    object-fit: cover !important;
}

/* ==========================================================================
   3. MINIATURAS (Columna izquierda)
   ========================================================================== */
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-direction: column !important; /* Alinea las miniaturas verticalmente */
    gap: 12px !important; /* Espaciado entre cada miniatura */
    width: 80px !important; /* Ancho de la columna de miniaturas (puedes variarlo) */
    min-width: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-control-nav.flex-control-thumbs li {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-control-nav.flex-control-thumbs img {
    border-radius: 8px !important; /* Bordes de las fotos pequeñas */
    background-color: #f6f6f6 !important;
    padding: 4px !important;
    cursor: pointer !important;
    opacity: 0.6 !important;
    transition: opacity 0.3s ease, border-color 0.3s ease !important;
}

/* Cambia la opacidad de la miniatura activa o al pasar el mouse */
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-control-nav.flex-control-thumbs img:hover,
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-control-nav.flex-control-thumbs img.flex-active {
    opacity: 1 !important;
}

/* ==========================================================================
   4. FLECHAS DE NAVEGACIÓN (Estilo botones circulares Nike)
   ========================================================================== */
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-direction-nav {
    position: absolute !important;
    bottom: 20px !important; /* Distancia desde abajo */
    right: 20px !important;  /* Distancia desde la derecha */
    left: auto !important;
    top: auto !important;
    display: flex !important;
    gap: 10px !important; /* Separación entre los dos botones */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    z-index: 99 !important;
}

.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-direction-nav li {
    margin: 0 !important;
    display: block !important;
}

/* Transformación de los enlaces en círculos blancos */
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-direction-nav a {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
    color: #111111 !important;
    opacity: 1 !important;
    text-indent: 0 !important; /* Fuerza a que se vea el icono interno */
    overflow: visible !important;
    transform: none !important;
    margin: 0 !important;
    top: auto !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

/* Efecto hover en los botones */
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-direction-nav a:hover {
    background-color: #f1f1f1 !important;
    transform: scale(1.05) !important;
    color: #000000 !important;
}

/* Ajuste del tamaño de los iconos de WooCommerce dentro del círculo */
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-direction-nav a::before {
    font-size: 16px !important;
    line-height: 1 !important;
    display: block !important;
}
.elementor-2802 .elementor-element.elementor-element-72d6b9fe .flex-viewport::after {
    content: "3x2" !important; /* Aquí puedes cambiar el texto por lo que quieras */
    position: absolute !important;
    top: 20px !important; /* Distancia desde el borde superior */
  left: 20px !important; /* Distancia desde el borde derecho */
    background-color: red !important; /* Color de fondo negro tipo Nike */
    color: #ffffff !important; /* Color del texto blanco */
    font-size: 16px !important; /* Tamaño de la letra */
    font-weight: 700 !important; /* Grosor de la letra (Negrita) */
    padding: 8px 18px !important; /* Espaciado interno para darle forma de pastilla */
    border-radius: 50px !important; /* Bordes completamente redondeados */
    z-index: 99 !important; /* Lo mantiene siempre por encima de las imágenes */
    pointer-events: none !important; /* Hace que sea "invisible" al clic para que no estorbe el zoom */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important; /* Sombra suave para darle volumen */
    letter-spacing: 0.5px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-7155e080 *//* ==========================================
   1. CONTENEDOR PRINCIPAL: Alineación de precios
   ========================================== */
.elementor-widget-container p.price {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important; /* Distancia entre precio regular y oferta */
    flex-wrap: wrap !important;
}

/* ==========================================
   2. PRECIO REGULAR (Tachado, delgado y gris)
   ========================================== */
.elementor-widget-container p.price del,
.elementor-widget-container p.price del .amount,
.elementor-widget-container p.price del bdi {
    font-weight: 400 !important; /* Peso ligero */
    color: #767676 !important;   /* Gris sutil para restar importancia */
    text-decoration: line-through !important; /* Fuerza el tachado */
}

/* ==========================================
   3. RESET COMPLETO DE LÍNEAS NATIVAS DE TU TEMA
   ========================================== */
/* Rompe cualquier subrayado o borde inferior que tu tema ponga en las ofertas */
.elementor-widget-container p.price ins,
.elementor-widget-container p.price ins *,
.elementor-widget-container p.price ins .amount,
.elementor-widget-container p.price ins bdi {
    text-decoration: none !important; 
    border-bottom: none !important;  
    box-shadow: none !important;
}

/* ==========================================
   4. PRECIO EN OFERTA: CONSTRUCCIÓN DE LA CÁPSULA ROJA
   ========================================== */
.elementor-widget-container p.price ins .woocommerce-Price-amount.amount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Estructura del recuadro solicitado */
    border: 2px solid #e60000 !important; /* Borde rojo puro */
    border-radius: 30px !important;       /* Bordes perfectamente redondeados */
    padding: 6px 16px !important;         /* Espacio interno para que respire el precio */
    background-color: #ffffff !important; /* Fondo blanco limpio para aislarlo de fondos externos */
    
    /* Tipografía */
    line-height: 1 !important;
    box-sizing: border-box !important;
}

/* Forzar que el signo de pesos y el número hereden el color rojo y el grosor */
.elementor-widget-container p.price ins .amount bdi,
.elementor-widget-container p.price ins .amount bdi * {
    color: #e60000 !important;   /* Texto rojo */
    font-weight: 700 !important; /* Texto grueso e imponente */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-2bccb41e *//* ==========================================
   1. CAMBIO DE TÍTULOS PERSONALIZADOS (SEGURO)
   ========================================== */
/* ---- TÍTULO DE TALLAS ---- */
.variations th.label label[for="pa_tallas"] {
    font-size: 0 !important; /* Esconde la palabra "Tallas" original */
    display: block !important;
    margin-bottom: 8px !important;
}
.variations th.label label[for="pa_tallas"]::before {
    content: "Selecciona tu talla" !important; /* Nuevo título */
    font-size: 16px !important; /* Tamaño de letra moderno */
    font-weight: 600 !important; /* Semibold estilo Nike */
    color: #111111 !important;
    text-transform: none !important; /* Evita que se ponga todo en mayúsculas agresivas */
}

/* ---- TÍTULO DE COLORES ---- */
.variations th.label label[for="pa_color"] {
    font-size: 0 !important; /* Esconde la palabra "COLOR" original */
    display: block !important;
    margin-bottom: 8px !important;
}
.variations th.label label[for="pa_color"]::before {
    content: "Selecciona tu color " !important; /* Nuevo título */
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-transform: none !important;
}

/* Rescata el nombre del color seleccionado (ej: ": Guinda") para que no se borre */
.variations th.label label[for="pa_color"] span,
.variations th.label label[for="pa_color"] .wvs-selected-variation-item-name {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #666666 !important;
    margin-left: 2px !important;
}

/* ==========================================
   2. LIMPIEZA TOTAL DE FONDOS GRISES
   ========================================== */
table.variations, 
table.variations tbody, 
table.variations tr, 
table.variations th, 
table.variations td,
.variations th.label,
.variations td.value {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding-left: 0 !important;
}

/* ==========================================
   3. TALLAS: DISEÑO EN 3 COLUMNAS
   ========================================== */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 10px !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 10px 0 25px 0 !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] .variable-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    padding: 14px 5px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] .variable-item:hover {
    border-color: #000000 !important;
    background-color: #f7f7f7 !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] .variable-item.selected {
    border-color: #000000 !important;
    border-width: 2px !important;
    font-weight: 600 !important;
    background-color: #ffffff !important;
}

/* ==========================================
   4. COLORES: MINIATURAS AMPLIADAS
   ========================================== */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px 14px !important; 
    padding: 0 !important;
    margin: 10px 0 !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item {
    width: 85px !important; 
    height: auto !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Recuadro contenedor de la imagen */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item .variable-item-contents {
    width: 85px !important;
    height: 85px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
    background-color: #ffffff !important; 
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all 0.15s ease-in-out !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background: transparent !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item:hover .variable-item-contents {
    border-color: #000000 !important;
}

/* RECUADRO SELECCIONADO (Borde negro resaltado) */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.selected .variable-item-contents {
    border: 3px solid #000000 !important; 
    background-color: #ffffff !important;
}

/* ==========================================
   5. NOMBRE DEL COLOR INFERIOR ESTÁTICO
   ========================================== */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item::after {
    content: attr(data-title) !important; 
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
    animation: none !important;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    padding: 0 !important;
    height: auto !important;
    width: 100% !important;
    margin-top: 10px !important; /* Margen de separación solicitado */
    font-size: 13px !important;
    color: #222222 !important; 
    font-weight: 500 !important;
    text-align: center !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item::before {
    display: none !important;
    visibility: hidden !important;
    content: none !important;
}

/* ==========================================
   6. ELIMINACIÓN TOTAL DE LA PALOMITA (CHECK)
   ========================================== */
.wvs-selected-icon,
.variable-item-contents .wvs-selected-icon,
.variable-item.selected .wvs-selected-icon,
.variable-item.selected .variable-item-contents::after,
.variable-item.selected .variable-item-contents::before,
.variable-item.selected::before,
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.selected .variable-item-contents::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    content: none !important;
}
td.value.woo-variation-items-wrapper
{
    padding: 0;
    
}th.label {
    display: flex !important;
}span.woo-selected-variation-item-name{display:none!important;}

/* ==========================================
   7. VARIANTES AGOTADAS / DESHABILITADAS (BLOQUEO TOTAL)
   ========================================== */

/* 7.1. Bloqueo absoluto de clics y opacidad general */
.variable-item.disabled, 
.variable-item.blur,
.variable-item[disabled],
.variable-item.out-of-stock {
    cursor: not-allowed !important;
    opacity: 0.35 !important; 
    pointer-events: none !important; /* Deshabilita el clic por completo a nivel navegador */
}

/* Evita que los elementos internos (imagen, texto) detecten el clic */
.variable-item.disabled *, 
.variable-item.blur * {
    pointer-events: none !important;
}

/* 7.2. Tallas Agotadas: Línea diagonal cruzada */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] .variable-item.disabled,
ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] .variable-item.blur {
    background-color: #f5f5f5 !important;
    border-color: #dddddd !important;
    color: #aaaaaa !important;
    position: relative !important;
    overflow: hidden !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] .variable-item.disabled::before,
ul.variable-items-wrapper[data-attribute_name="attribute_pa_tallas"] .variable-item.blur::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top right, transparent calc(50% - 1px), #999999, transparent calc(50% + 1px)) !important;
    display: block !important;
    visibility: visible !important;
}

/* 7.3. Colores Agotados: Línea diagonal sobre la miniatura */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.disabled .variable-item-contents,
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.blur .variable-item-contents {
    border-color: #dddddd !important;
    position: relative !important;
}

ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.disabled .variable-item-contents::before,
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.blur .variable-item-contents::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top right, transparent calc(50% - 1.5px), #cc0000, transparent calc(50% + 1.5px)) !important; /* Línea roja */
    z-index: 9 !important;
    display: block !important;
    visibility: visible !important;
}

/* Tacha el texto del color inferior */
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.disabled::after,
ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] .variable-item.blur::after {
    color: #888888 !important;
    text-decoration: line-through !important;
}/* End custom CSS */