.elementor-224 .elementor-element.elementor-element-4eeec3c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.woocommerce .elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-224 .elementor-element.elementor-element-4761539 .flex-viewport{border-radius:15px 15px 15px 15px;}.elementor-224 .elementor-element.elementor-element-ffc22ce{--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:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-224 .elementor-element.elementor-element-bdd3112{--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-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.woocommerce .elementor-224 .elementor-element.elementor-element-bf63a1e .woocommerce-product-details__short-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-224 .elementor-element.elementor-element-f0969d4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-224 .elementor-element.elementor-element-900b3ba{width:var( --container-widget-width, 1000px );max-width:1000px;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;--view-cart-spacing:0px;--button-spacing:20px;}.elementor-224 .elementor-element.elementor-element-900b3ba .cart button, .elementor-224 .elementor-element.elementor-element-900b3ba .cart .button{font-size:18px;font-weight:500;border-radius:5px 5px 5px 5px;padding:10px 25px 10px 25px;background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );transition:all 0.2s;}.elementor-224 .elementor-element.elementor-element-900b3ba .cart button:hover, .elementor-224 .elementor-element.elementor-element-900b3ba .cart .button:hover{background-color:#E48900;border-color:#0D9488;}.elementor-224 .elementor-element.elementor-element-900b3ba .added_to_cart{font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;}.elementor-224 .elementor-element.elementor-element-900b3ba .quantity .qty{padding:0px 20px 20px 0px;transition:all 0.2s;}.elementor-224 .elementor-element.elementor-element-af8a33e{--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;--justify-content:space-between;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link-wrapper{justify-content:flex-end;}.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link__icon{font-size:30px;fill:#5B1FA3;color:#5B1FA3;}.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link{border-radius:0px 0px 0px 0px;}.elementor-224 .elementor-element.elementor-element-12ce7e5{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-224 .elementor-element.elementor-element-d21cef2{--display:flex;}.elementor-224 .elementor-element.elementor-element-d21cef2:not(.elementor-motion-effects-element-type-background), .elementor-224 .elementor-element.elementor-element-d21cef2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84efa24 );}.elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-224 .elementor-element.elementor-element-58f0d5e{padding:0px 0px 20px 0px;}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(8px / 2);padding-right:calc(8px / 2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 8px / -2);margin-right:calc( 8px / -2);width:calc(100% + 8px);}.elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 8px / -2);margin-right:calc( 8px / -2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider.swiper-lib > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(8px / 2);padding-bottom:calc(8px / 2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 8px / -2);margin-bottom:calc( 8px / -2);}.elementor-224 .elementor-element.elementor-element-58f0d5e .jet-listing-grid__slider .jet-slick-dots li{width:10px;height:10px;margin-left:calc( 10px/2 );margin-right:calc( 10px/2 );background:var( --e-global-color-text );}.elementor-224 .elementor-element.elementor-element-58f0d5e .swiper-pagination-bullet{--swiper-pagination-bullet-size:10px;}.elementor-224 .elementor-element.elementor-element-58f0d5e .jet-engine-swiper-pagination-wrapper .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:calc( 10px / 2 );}.elementor-224 .elementor-element.elementor-element-58f0d5e .jet-engine-swiper-pagination-wrapper{--swiper-pagination-bullet-inactive-color:var( --e-global-color-text );--swiper-pagination-color-hover:#A877C9;--swiper-pagination-color:var( --e-global-color-primary );}.elementor-224 .elementor-element.elementor-element-58f0d5e .jet-listing-grid__slider .jet-slick-dots li:hover{background:#A877C9;}.elementor-224 .elementor-element.elementor-element-58f0d5e .jet-listing-grid__slider .jet-slick-dots li.slick-active{background:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-224 .elementor-element.elementor-element-4eeec3c{--grid-auto-flow:row;}.elementor-224 .elementor-element.elementor-element-ffc22ce{--gap:12.5px 12.5px;--row-gap:12.5px;--column-gap:12.5px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-224 .elementor-element.elementor-element-bf63a1e .woocommerce-product-details__short-description{font-size:var( --e-global-typography-text-font-size );}.elementor-224 .elementor-element.elementor-element-900b3ba .cart button, .elementor-224 .elementor-element.elementor-element-900b3ba .cart .button{font-size:16px;} .elementor-224 .elementor-element.elementor-element-12ce7e5{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(6px / 2);padding-right:calc(6px / 2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 6px / -2);margin-right:calc( 6px / -2);width:calc(100% + 6px);}.elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 6px / -2);margin-right:calc( 6px / -2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider.swiper-lib > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(6px / 2);padding-bottom:calc(6px / 2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 6px / -2);margin-bottom:calc( 6px / -2);}}@media(max-width:767px){.elementor-224 .elementor-element.elementor-element-4eeec3c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-224 .elementor-element.elementor-element-ffc22ce{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-224 .elementor-element.elementor-element-bf63a1e .woocommerce-product-details__short-description{font-size:var( --e-global-typography-text-font-size );}.elementor-224 .elementor-element.elementor-element-900b3ba{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-224 .elementor-element.elementor-element-900b3ba .cart button, .elementor-224 .elementor-element.elementor-element-900b3ba .cart .button{font-size:14px;} .elementor-224 .elementor-element.elementor-element-12ce7e5{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(4px / 2);padding-right:calc(4px / 2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 4px / -2);margin-right:calc( 4px / -2);width:calc(100% + 4px);}.elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 4px / -2);margin-right:calc( 4px / -2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider.swiper-lib > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__items, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(4px / 2);padding-bottom:calc(4px / 2);}:is( .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__slider, .elementor-224 .elementor-element.elementor-element-58f0d5e > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 4px / -2);margin-bottom:calc( 4px / -2);}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-4761539 *//* ==========================================================================
   WIDGET "IMÁGENES DEL PRODUCTO" (GALERÍA PREMIUM + MINIATURAS)
   ========================================================================== */

/* 1. CONTENEDOR PRINCIPAL Y LA IMAGEN ESTRELLA */
.elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery {
    border-radius: 16px !important; /* Esquinas redondeadas suaves */
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.04) !important; /* Sombra levísima */
    overflow: hidden !important;
    background: #ffffff !important;
    position: relative !important;
}

.elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery__wrapper,
.elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery__image img {
    border-radius: 16px !important; /* Blindamos las esquinas de la foto */
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 !important;
}

/* ==========================================================================
   2. ETIQUETA DE "¡OFERTA!" (Adiós círculo verde, hola estilo TODOYA)
   ========================================================================== */
.elementor-224 .elementor-element.elementor-element-4761539 .onsale {
    background-color: #501B73 !important; /* Tu morado oficial */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 6px 16px !important;
    border-radius: 20px !important; /* Forma de píldora elegante */
    top: 15px !important; /* Separación exacta del techo */
    left: 15px !important; /* Separación exacta de la izquierda */
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    box-shadow: 0px 4px 10px rgba(80, 27, 115, 0.3) !important; /* Resplandor morado */
    z-index: 9 !important;
}

/* ==========================================================================
   3. ICONO DE LUPA (Zoom flotante)
   ========================================================================== */
.elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery__trigger {
    top: 15px !important;
    right: 15px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important; /* Totalmente redondo */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    z-index: 9 !important;
}

/* Efecto hover con tu Naranja Secundario */
.elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery__trigger:hover {
    background: #FF9900 !important; 
    color: #ffffff !important;
    transform: scale(1.1) !important; /* Crece ligeramente */
}

/* ==========================================================================
   4. MINIATURAS (Si el producto tiene varias fotos)
   ========================================================================== */
.elementor-224 .elementor-element.elementor-element-4761539 .flex-control-nav.flex-control-thumbs {
    margin-top: 15px !important;
    padding: 0 !important;
    display: flex !important;
    gap: 10px !important;
}

.elementor-224 .elementor-element.elementor-element-4761539 .flex-control-nav.flex-control-thumbs li {
    width: calc(25% - 7.5px) !important; /* 4 miniaturas por fila */
    list-style: none !important;
}

.elementor-224 .elementor-element.elementor-element-4761539 .flex-control-nav.flex-control-thumbs img {
    border-radius: 8px !important;
    opacity: 0.5 !important; /* Se ven medio apagadas si no están activas */
    transition: all 0.3s ease !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
}

/* La miniatura que el cliente está viendo se enciende y tiene borde morado */
.elementor-224 .elementor-element.elementor-element-4761539 .flex-control-nav.flex-control-thumbs img.flex-active,
.elementor-224 .elementor-element.elementor-element-4761539 .flex-control-nav.flex-control-thumbs img:hover {
    opacity: 1 !important; 
    border: 2px solid #501B73 !important; 
}

/* ==========================================================================
   5. RESPONSIVE ULTRA-DETALLADO (Escala de imagen, lupa y etiqueta)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET (Pantallas hasta 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery {
        border-radius: 14px !important;
    }
    .elementor-224 .elementor-element.elementor-element-4761539 .onsale {
        font-size: 12px !important;
        padding: 5px 14px !important;
    }
    .elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery__trigger {
        width: 36px !important;
        height: 36px !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL GRANDE (Pantallas hasta 767px - iPhone Plus/Max)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery {
        border-radius: 12px !important;
        margin-bottom: 20px !important; /* Dale aire antes de que empiece el título */
    }
    /* Pegamos un poco más los elementos a los bordes para ahorrar espacio */
    .elementor-224 .elementor-element.elementor-element-4761539 .onsale {
        top: 10px !important;
        left: 10px !important;
    }
    .elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery__trigger {
        top: 10px !important;
        right: 10px !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTÁNDAR Y PEQUEÑO (Pantallas hasta 480px y 360px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .elementor-224 .elementor-element.elementor-element-4761539 .woocommerce-product-gallery {
        border-radius: 10px !important;
    }
    .elementor-224 .elementor-element.elementor-element-4761539 .onsale {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
    
    /* TRUCO: En móviles pequeños, pasamos de 4 a 3 miniaturas por fila 
       para que no se vean excesivamente enanas y el cliente pueda tocarlas bien. */
    .elementor-224 .elementor-element.elementor-element-4761539 .flex-control-nav.flex-control-thumbs li {
        width: calc(33.333% - 6.66px) !important;
    }
}/* End custom CSS */
/* Start custom CSS for jet-woo-builder-archive-cats, class: .elementor-element-5952720 *//* ==========================================================================
   DISEÑO PREMIUM: ENCABEZADO DE CATEGORÍA (SINGLE PRODUCT - TAMAÑO GRANDE)
   ========================================================================== */

.elementor-224 .elementor-element.elementor-element-5952720 .elementor-heading-title,
.elementor-224 .elementor-element.elementor-element-5952720 {
    color: #475569 !important; /* Gris grafito suave, limpio y sofisticado */
    font-size: 14px !important; /* Aumentado para la página individual (antes 11px) */
    font-weight: 600 !important; /* Un poco más de cuerpo visual */
    text-transform: uppercase !important; 
    letter-spacing: 2px !important; /* Mayor espaciado entre letras para el estilo de lujo */
    margin-bottom: 12px !important; /* Mayor respiro antes del título principal del producto */
    line-height: 1.2 !important;
    border: none !important;
    background: transparent !important;
}

/* Limpieza de estilos si la categoría tiene un enlace activo */
.elementor-224 .elementor-element.elementor-element-5952720 a {
    color: #475569 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important; /* Transición un poco más suave */
}

/* Hover sutil: Al pasar el cursor, se conecta con la identidad de tu marca */
.elementor-224 .elementor-element.elementor-element-5952720 a:hover {
    color: #f59e0b !important; /* Destello naranja impecable al interactuar */
}
/* ==========================================================================
   5. RESPONSIVE ULTRA-DETALLADO (CATEGORÍA DESDE TABLET HASTA 320PX)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET (Pantallas hasta 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-224 .elementor-element.elementor-element-5952720 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-5952720 {
        font-size: 13px !important; /* Reducción mínima */
        letter-spacing: 1.8px !important; 
        margin-bottom: 10px !important; /* Acercamos un poco al título */
    }
}

/* --------------------------------------------------------------------------
   MÓVIL GRANDE (Pantallas hasta 767px - Ej. iPhone Plus/Max)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-5952720 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-5952720 {
        font-size: 12px !important; 
        letter-spacing: 1.5px !important; 
        margin-bottom: 8px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTÁNDAR (Pantallas hasta 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .elementor-224 .elementor-element.elementor-element-5952720 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-5952720 {
        font-size: 11px !important; /* Regresa al tamaño de tarjeta estándar */
        letter-spacing: 1.2px !important; 
        margin-bottom: 6px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL PEQUEÑO (Pantallas hasta 360px y 320px - Ej. iPhone SE)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
    .elementor-224 .elementor-element.elementor-element-5952720 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-5952720 {
        font-size: 10px !important; /* Tamaño mínimo legible para no estorbar */
        letter-spacing: 1px !important; /* Menor espaciado para que quepan categorías largas */
        margin-bottom: 4px !important; /* Prácticamente pegado al título principal */
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-6b78ec9 *//* ==========================================================================
   TÍTULO DEL PRODUCTO (SINGLE PRODUCT) - ESTRUCTURA Y TIPOGRAFÍA PREMIUM
   ========================================================================== */

/* 1. ESTADO BASE (ESCRITORIO) */
.elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title,
.elementor-224 .elementor-element.elementor-element-6b78ec9 h1.product_title,
.elementor-224 .elementor-element.elementor-element-6b78ec9 {
    font-size: 40px !important; /* Tamaño gigante y protagónico */
    font-weight: 800 !important; /* Grosor pesado para transmitir solidez */
    
    /* El secreto premium: acerca ligeramente las letras grandes */
    letter-spacing: -1px !important; 
    
    /* Interlineado muy cerrado para que las palabras no floten separadas si el título ocupa 2 líneas */
    line-height: 1.15 !important; 
    
    text-transform: none !important; /* Respeta como lo hayas escrito (mayúsculas/minúsculas) */
    margin-bottom: 15px !important; /* Respiro antes de que empiece el precio o las estrellas */
    word-wrap: break-word !important; /* Evita que una palabra kilométrica rompa la pantalla */
    margin-top: 0 !important;
}

/* ==========================================================================
   2. RESPONSIVE ULTRA-DETALLADO (Escala progresiva del título)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET (Pantallas hasta 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 h1.product_title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 {
        font-size: 34px !important; 
        letter-spacing: -0.8px !important;
        margin-bottom: 12px !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL GRANDE (Pantallas hasta 767px - Ej. iPhone Plus/Max)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 h1.product_title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 {
        font-size: 28px !important; 
        letter-spacing: -0.5px !important;
        line-height: 1.2 !important; /* Relajamos un pelín el interlineado para móviles */
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTÁNDAR (Pantallas hasta 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 h1.product_title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 {
        font-size: 24px !important; 
        letter-spacing: -0.3px !important;
        margin-bottom: 10px !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL PEQUEÑO (Pantallas hasta 360px y 320px - Ej. iPhone SE)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
    .elementor-224 .elementor-element.elementor-element-6b78ec9 .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 h1.product_title,
    .elementor-224 .elementor-element.elementor-element-6b78ec9 {
        font-size: 22px !important; /* Tamaño mínimo ideal para mantener jerarquía sin asfixiar la pantalla */
        letter-spacing: 0px !important; /* A este tamaño, quitamos el tracking negativo para no sacrificar legibilidad */
        margin-bottom: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-c2c95fa *//* ==========================================================================
   ESTRELLAS DE VALORACIÓN (SINGLE PRODUCT) - EFECTO MORADO METÁLICO (#5B1FA3)
   ========================================================================== */

/* 0. AJUSTE DE ESCALA PARA LA PÁGINA INDIVIDUAL */
.elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating,
.elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-rating {
    font-size: 26px !important; /* Estrellas mucho más grandes y protagónicas */
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating span::before,
.elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-full i,
.elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-empty i {
    font-size: 26px !important; /* Forzamos el crecimiento del icono nativo */
}

/* 1. ESTRELLAS LLENAS (Transición suave: de morado vibrante a ligeramente oscuro) */
.elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating span::before,
.elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-full i {
    background: linear-gradient(135deg, #8a4be2 0%, #5B1FA3 60%, #3d146e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* Sombra ampliada para coincidir con el nuevo tamaño y mantener el volumen 3D */
    filter: drop-shadow(0px 3px 5px rgba(91, 31, 163, 0.4)) !important; 
}

/* 2. ESTRELLAS VACÍAS (Metal Gris Cepillado) */
.elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating::before,
.elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-empty i {
    background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 50%, #94a3b8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    opacity: 0.7 !important;
}

/* ==========================================================================
   3. LIMPIEZA Y RECORTE DEL TEXTO 
   ========================================================================== */

/* Ocultamos el texto original gigantesco reduciendo la fuente a 0 */
.elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link {
    font-size: 0 !important; 
    color: transparent !important;
    margin-left: 12px !important; /* Mayor separación para compensar el tamaño de las estrellas */
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important; /* Asegura que el texto quede centrado con las estrellas gigantes */
}

/* Rescatamos SOLO el número (que viene en la clase .count nativa) */
.elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link .count {
    font-size: 18px !important; /* Texto con mucha más presencia visual */
    color: #64748b !important; /* Gris asfalto elegante */
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

/* Inyectamos la palabra corta y estructuramos con paréntesis limpios */
.elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link .count::before {
    content: "(" !important;
}
.elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link .count::after {
    content: " valoraciones)" !important;
}

/* ==========================================================================
   4. EFECTO AL PASAR EL CURSOR SOBRE EL NÚMERO
   ========================================================================== */
.elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link:hover .count {
    color: #5B1FA3 !important; /* Tu morado de marca */
}
/* ==========================================================================
   5. RESPONSIVE ULTRA-DETALLADO (ADAPTACIÓN DESDE TABLET HASTA 320PX)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET (Pantallas hasta 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating span::before,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-full i,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-empty i {
        font-size: 22px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link {
        margin-left: 10px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link .count {
        font-size: 16px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL GRANDE (Pantallas hasta 767px - Ej. iPhone Plus/Max en vertical)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating span::before,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-full i,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-empty i {
        font-size: 20px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link {
        margin-left: 8px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link .count {
        font-size: 14px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTÁNDAR (Pantallas hasta 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating span::before,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-full i,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-empty i {
        font-size: 18px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link {
        margin-left: 6px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link .count {
        font-size: 13px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL PEQUEÑO (Pantallas hasta 360px y 320px - Ej. iPhone SE, Galaxy antiguos)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
    /* Reducción máxima para evitar que el bloque provoque scroll horizontal */
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-rating,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .star-rating span::before,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-full i,
    .elementor-224 .elementor-element.elementor-element-c2c95fa .elementor-star-empty i {
        font-size: 16px !important; 
    }
    /* El margen casi desaparece para ganar espacio vital */
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link {
        margin-left: 4px !important; 
    }
    /* Letra lo más pequeña posible pero aún legible */
    .elementor-224 .elementor-element.elementor-element-c2c95fa .woocommerce-review-link .count {
        font-size: 12px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-91c4bae *//* ==========================================================================
   DISEÑO EN ENCABEZADO: PRECIOS INVERTIDOS (SINGLE PRODUCT - TAMAÑO GRANDE)
   ========================================================================== */

/* 1. CONTENEDOR DEL ENCABEZADO (Estructura en línea invertida) */
.elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title,
.elementor-224 .elementor-element.elementor-element-91c4bae {
    display: inline-flex !important;
    flex-direction: row-reverse !important; /* Voltea el orden de los precios */
    justify-content: flex-end !important; /* Los alinea a la izquierda */
    align-items: baseline !important; /* Los nivela por la base de las letras */
    gap: 15px !important; /* Mayor espacio para respirar en la página individual */
    text-decoration: none !important;
}

/* 2. EL PRECIO EN OFERTA / ACTUAL (Protagónico y Gigante) */
.elementor-224 .elementor-element.elementor-element-91c4bae ins,
.elementor-224 .elementor-element.elementor-element-91c4bae ins .woocommerce-Price-amount,
.elementor-224 .elementor-element.elementor-element-91c4bae .amount:not(del .amount) {
    color: #0f172a !important; /* Negro carbono premium */
    font-size: 32px !important; /* MUCHO más grande para el Single */
    font-weight: 800 !important; /* Más grueso para máximo impacto */
    letter-spacing: -0.5px !important; /* Ajuste de kerning premium para letras grandes */
    text-decoration: none !important;
    background: transparent !important;
    display: inline-block !important;
}

/* 3. EL PRECIO ANTIGUO / TACHADO (Gris Suave, tamaño proporcional) */
.elementor-224 .elementor-element.elementor-element-91c4bae del,
.elementor-224 .elementor-element.elementor-element-91c4bae del .woocommerce-Price-amount {
    color: #94a3b8 !important; /* Gris pálido discreto */
    font-size: 20px !important; /* Creció para acompañar al precio nuevo */
    font-weight: 500 !important; /* Letra ligera */
    text-decoration: line-through !important; /* Mantiene el tachado impecable */
    display: inline-block !important;
}

/* ==========================================================================
   4. LIMPIEZA ABSOLUTA DE SUBRAYADOS NATIVOS DEL ENCABEZADO
   ========================================================================== */
.elementor-224 .elementor-element.elementor-element-91c4bae, 
.elementor-224 .elementor-element.elementor-element-91c4bae *,
.elementor-224 .elementor-element.elementor-element-91c4bae a {
    text-decoration: none !important;
    box-shadow: none !important;
}

.elementor-224 .elementor-element.elementor-element-91c4bae del,
.elementor-224 .elementor-element.elementor-element-91c4bae del * {
    text-decoration: line-through !important; /* Blindamos que solo se tache el viejo */
}
/* ==========================================================================
   5. RESPONSIVE ULTRA-DETALLADO (PRECIOS DESDE TABLET HASTA 320PX)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET (Pantallas hasta 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    /* Ajustamos el espacio entre los precios */
    .elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-91c4bae {
        gap: 12px !important; 
    }
    /* El precio nuevo baja un escalón pero sigue masivo */
    .elementor-224 .elementor-element.elementor-element-91c4bae ins,
    .elementor-224 .elementor-element.elementor-element-91c4bae ins .woocommerce-Price-amount,
    .elementor-224 .elementor-element.elementor-element-91c4bae .amount:not(del .amount) {
        font-size: 28px !important; 
    }
    /* El precio viejo acompaña la reducción */
    .elementor-224 .elementor-element.elementor-element-91c4bae del,
    .elementor-224 .elementor-element.elementor-element-91c4bae del .woocommerce-Price-amount {
        font-size: 18px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL GRANDE (Pantallas hasta 767px - Ej. iPhone Plus/Max en vertical)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-91c4bae {
        gap: 10px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-91c4bae ins,
    .elementor-224 .elementor-element.elementor-element-91c4bae ins .woocommerce-Price-amount,
    .elementor-224 .elementor-element.elementor-element-91c4bae .amount:not(del .amount) {
        font-size: 26px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-91c4bae del,
    .elementor-224 .elementor-element.elementor-element-91c4bae del .woocommerce-Price-amount {
        font-size: 16px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTÁNDAR (Pantallas hasta 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-91c4bae {
        gap: 8px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-91c4bae ins,
    .elementor-224 .elementor-element.elementor-element-91c4bae ins .woocommerce-Price-amount,
    .elementor-224 .elementor-element.elementor-element-91c4bae .amount:not(del .amount) {
        font-size: 24px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-91c4bae del,
    .elementor-224 .elementor-element.elementor-element-91c4bae del .woocommerce-Price-amount {
        font-size: 14px !important; 
    }
}

/* --------------------------------------------------------------------------
   MÓVIL PEQUEÑO (Pantallas hasta 360px y 320px - Ej. iPhone SE)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
    /* Reducimos la separación al mínimo cómodo */
    .elementor-224 .elementor-element.elementor-element-91c4bae .elementor-heading-title,
    .elementor-224 .elementor-element.elementor-element-91c4bae {
        gap: 6px !important; 
    }
    /* Tamaño ideal para no provocar scroll horizontal con números largos (ej. S/ 1,200.00) */
    .elementor-224 .elementor-element.elementor-element-91c4bae ins,
    .elementor-224 .elementor-element.elementor-element-91c4bae ins .woocommerce-Price-amount,
    .elementor-224 .elementor-element.elementor-element-91c4bae .amount:not(del .amount) {
        font-size: 22px !important; 
    }
    /* El tachado se queda en su mínimo legible */
    .elementor-224 .elementor-element.elementor-element-91c4bae del,
    .elementor-224 .elementor-element.elementor-element-91c4bae del .woocommerce-Price-amount {
        font-size: 13px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15c03f6 *//* ==========================================================================
   DISEÑO DE ETIQUETA DE DESCUENTO (FORMA DE "PRICE TAG")
   ========================================================================== */

.elementor-224 .elementor-element.elementor-element-15c03f6 .tarjeta-descuento {
    background-color: #E60000 !important; /* Rojo vibrante */
    color: #ffffff !important; 
    font-size: 16px !important; 
    font-weight: 900 !important; 
    text-transform: uppercase !important;

    padding: 2px 10px 2px 26px !important; 
    
    position: relative !important;
    clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 18px 100%, 0% 50%) !important;
}

.elementor-224 .elementor-element.elementor-element-15c03f6 .tarjeta-descuento::after {
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 7px !important;
    height: 7px !important;
    
    /* El color blanco simula que es transparente si el fondo de tu foto de producto es blanco */
    background-color: #ffffff !important; 
    border-radius: 50% !important; /* Lo hace un círculo perfecto */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-bf63a1e *//* ==========================================================================
   DESCRIPCIÓN CORTA DEL PRODUCTO (SINGLE PRODUCT)
   ========================================================================== */

/* 1. TEXTO PRINCIPAL Y PÁRRAFOS */
.elementor-224 .elementor-element.elementor-element-bf63a1e,
.elementor-224 .elementor-element.elementor-element-bf63a1e p {
    color: #000000 !important; /* Negro sólido y directo */
    font-size: 14px !important; /* Tamaño pequeño pero muy legible */
    line-height: 1.6 !important; /* Interlineado amplio para que no canse la vista */
    font-weight: 400 !important; /* Grosor normal */
    margin-bottom: 16px !important; /* Respiro entre párrafos */
}

/* 2. DISEÑO PARA LISTAS / VIÑETAS (Si destacas características) */
.elementor-224 .elementor-element.elementor-element-bf63a1e ul {
    padding-left: 20px !important; /* Sangría limpia para los puntos */
    margin-bottom: 16px !important;
}

.elementor-224 .elementor-element.elementor-element-bf63a1e li {
    color: #000000 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important; /* Separación entre cada punto de la lista */
}

/* 3. ENLACES DENTRO DE LA DESCRIPCIÓN (Opcional) */
.elementor-224 .elementor-element.elementor-element-bf63a1e a {
    color: #f59e0b !important; /* Tu tono naranja para destacar clics */
    text-decoration: underline !important;
    font-weight: 500 !important;
}
/* ==========================================================================
   5. RESPONSIVE ULTRA-DETALLADO (DESCRIPCIÓN DESDE TABLET HASTA 320PX)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET (Pantallas hasta 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    /* Mantenemos los 14px, pero ajustamos sutilmente los espacios */
    .elementor-224 .elementor-element.elementor-element-bf63a1e, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e li {
        line-height: 1.55 !important;
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e ul {
        margin-bottom: 14px !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL GRANDE (Pantallas hasta 767px - Ej. iPhone Plus/Max)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-bf63a1e, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e li {
        font-size: 13.5px !important; /* Reducción de medio punto */
        line-height: 1.5 !important; /* Acercamos un poco las líneas de texto */
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e ul {
        margin-bottom: 12px !important;
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e ul {
        padding-left: 18px !important; /* Achicamos la sangría de las viñetas */
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e li {
        margin-bottom: 6px !important; /* Los puntos de la lista se juntan un poco */
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTÁNDAR (Pantallas hasta 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .elementor-224 .elementor-element.elementor-element-bf63a1e, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e li {
        font-size: 13px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e ul {
        margin-bottom: 10px !important;
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e ul {
        padding-left: 16px !important; /* Aprovechamos más el ancho de la pantalla */
    }
}

/* --------------------------------------------------------------------------
   MÓVIL PEQUEÑO (Pantallas hasta 360px y 320px - Ej. iPhone SE)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
    .elementor-224 .elementor-element.elementor-element-bf63a1e, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e li {
        font-size: 12px !important; /* Tamaño mínimo recomendado para párrafos (no bajar más) */
        line-height: 1.4 !important; /* Interlineado más compacto */
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e p, 
    .elementor-224 .elementor-element.elementor-element-bf63a1e ul {
        margin-bottom: 8px !important;
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e ul {
        padding-left: 14px !important; /* Sangría mínima para las listas */
    }
    .elementor-224 .elementor-element.elementor-element-bf63a1e li {
        margin-bottom: 4px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-900b3ba *//* ==========================================================================
   WIDGET "AÑADIR AL CARRITO": NATIVO ANCHO, STOCK MORADO Y BOTÓN EXPANDIDO
   ========================================================================== */

/* 1. DISPONIBILIDAD (STOCK) - Con tu morado oficial */
.elementor-224 .elementor-element.elementor-element-900b3ba .stock,
.elementor-224 .elementor-element.elementor-element-900b3ba .in-stock {
    color: #501B73 !important; /* El morado oficial de TODOYA */
    font-size: 16px !important; /* Más grande y visible */
    font-weight: 700 !important; /* Letra más gruesa para que resalte */
    margin-bottom: 15px !important;
    display: inline-block !important;
}


/*  3. SELECTOR DE CANTIDAD (Estilo Nativo pero Ancho y Elegante)  */
.elementor-224 .elementor-element.elementor-element-900b3ba .quantity .qty {
    width: 90px !important;
    height: 48px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important; 
    padding: 0 5px 0 15px !important;
    background-color: #ffffff !important;
}

/* FORZAR LA APARICIÓN DE LAS FLECHAS NATIVAS DENTRO DEL CUADRO */
.elementor-224 .elementor-element.elementor-element-900b3ba .quantity .qty::-webkit-inner-spin-button, 
.elementor-224 .elementor-element.elementor-element-900b3ba .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button !important; /* Revive la flecha en Chrome/Safari */
    opacity: 1 !important; 
    display: block !important;
}

.elementor-224 .elementor-element.elementor-element-900b3ba .quantity .qty[type=number] {
    -moz-appearance: number-input !important; /* Revive la flecha en Firefox */
}

/* ==========================================================================
   4. ESTRUCTURA DEL BOTÓN (Súper ancho y con animación sutil)
   ========================================================================== */
.elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button,
.elementor-224 .elementor-element.elementor-element-900b3ba .elementor-button {
    flex-grow: 1 !important; /* ESTA ES LA CLAVE: Obliga al botón a estirarse y ocupar todo el espacio libre */
    margin-left: 0 !important;
    min-width: 200px !important; /* Asegura que nunca sea demasiado corto */
    height: 48px !important; /* Misma altura que el número */
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    
    /* Nota: Los colores (fondo y texto) están respetados porque no están en este CSS */
    
    /* Animación base y sombra de reposo */
    transition: all 0.4s ease !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.06) !important; 
}

/* Animación ultra leve al pasar el cursor (apenas se levanta 2 píxeles) */
.elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button:hover,
.elementor-224 .elementor-element.elementor-element-900b3ba .elementor-button:hover {
    transform: translateY(-2px) !important; 
    box-shadow: 0px 8px 20px rgba(0,0,0,0.12) !important; 
}

/* ==========================================================================
   5. RESPONSIVE ULTRA-DETALLADO (Hasta 320px)
   ========================================================================== */

/* TABLET (Hasta 1024px) */
@media (max-width: 1024px) {
    .elementor-224 .elementor-element.elementor-element-900b3ba .quantity,
    .elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button {
        height: 46px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button {
        padding: 0 25px !important; 
        font-size: 15px !important;
    }
}

/* MÓVIL GRANDE (Hasta 767px) */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-900b3ba form.cart {
        gap: 10px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-900b3ba .quantity,
    .elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button {
        height: 44px !important; 
    }
    /* El botón toma todo el espacio restante a la derecha de la cantidad */
    .elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button {
        flex-grow: 1 !important; 
    }
}

/* MÓVIL ESTÁNDAR (Hasta 480px) */
@media (max-width: 480px) {
    /* Rompemos la línea: Cantidad arriba, Botón gigante abajo */
    .elementor-224 .elementor-element.elementor-element-900b3ba form.cart {
        flex-direction: column !important; 
        align-items: stretch !important; 
    }
    .elementor-224 .elementor-element.elementor-element-900b3ba .quantity {
        width: 100% !important; /* Selector toma todo el ancho */
        justify-content: space-between !important; 
    }
    /* Estiramos el input numérico para que se vea simétrico */
    .elementor-224 .elementor-element.elementor-element-900b3ba .quantity .qty {
        flex-grow: 1 !important; 
    }
    .elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button {
        width: 100% !important; 
    }
}

/* MÓVIL PEQUEÑO (Hasta 360px y 320px - Ej. iPhone SE) */
@media (max-width: 360px) {
    .elementor-224 .elementor-element.elementor-element-900b3ba .quantity,
    .elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button {
        height: 42px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-900b3ba .single_add_to_cart_button {
        font-size: 14px !important; 
    }
    .elementor-224 .elementor-element.elementor-element-900b3ba .stock {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for jet-engine-data-store-button, class: .elementor-element-54c2dd2 *//* ==========================================================================
   BOTÓN "AGREGAR A DESEOS" (DISEÑO LIMPIO Y VISIBLE ESTILO TODOYA)
   ========================================================================== */

/* 1. LIMPIEZA DEL TOOLTIP VIEJO (Por seguridad, anulamos cualquier rastro) */
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link::after,
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link::before {
    display: none !important;
}

/* 2. ESTRUCTURA DEL BOTÓN (Fondo blanco, borde gris, misma altura del carrito) */
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important; /* Espacio entre el corazón y el texto */
    height: 48px !important; /* Obligatorio para emparejar con el carrito */
    padding: 0 24px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important; /* Borde gris suave y limpio */
    border-radius: 8px !important; 
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    width: auto !important;
    cursor: pointer !important;
}

/* 3. ESTILO DEL TEXTO Y EL ICONO */
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important; /* Azul/Gris muy oscuro para la legibilidad */
    transition: color 0.3s ease !important;
}

/* Si tu corazón es un icono de fuente (FontAwesome o similar), esto le da color */
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__icon,
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__icon i {
    font-size: 18px !important;
    color: #cbd5e1 !important; /* Gris apagado por defecto */
    transition: all 0.3s ease !important;
}

/* ==========================================================================
   4. EFECTO HOVER (Pasa el cursor = Destello Morado TODOYA)
   ========================================================================== */
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link:hover {
    border-color: #501B73 !important; /* El borde se pinta con tu morado oficial */
    transform: translateY(-2px) !important; /* Se eleva un poquito, igual que el carrito */
    box-shadow: 0px 4px 15px rgba(80, 27, 115, 0.1) !important; /* Sombra morada tenue */
}

.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link:hover .jet-data-store-link__icon,
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link:hover .jet-data-store-link__icon i {
    color: #501B73 !important; /* El corazón se enciende en morado */
    transform: scale(1.1) !important; /* Latido leve del corazón */
}

/* ==========================================================================
   5. ESTADO "YA AGREGADO" (In-store = Fijado en Morado TODOYA)
   ========================================================================== */
/* Cuando el cliente hace clic y se guarda en su lista, usamos el Morado Oficial */
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link.in-store {
    border-color: #501B73 !important; 
    background-color: #f4eff8 !important; /* Fondo súper sutilmente morado para armonizar */
}

.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link.in-store .jet-data-store-link__label {
    color: #501B73 !important;
}

.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link.in-store .jet-data-store-link__icon,
.elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link.in-store .jet-data-store-link__icon i {
    color: #501B73 !important;
}
/* ==========================================================================
   6. RESPONSIVE ULTRA-DETALLADO (BOTÓN DESEOS DESDE TABLET HASTA 320PX)
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET (Pantallas hasta 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link {
        height: 46px !important; /* Se empareja con la altura del botón de compra en tablet */
        padding: 0 18px !important;
    }
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__label {
        font-size: 14px !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL GRANDE (Pantallas hasta 767px - Ej. iPhone Plus/Max en vertical)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link {
        height: 44px !important; /* Se empareja con el carrito en móvil grande */
        padding: 0 16px !important;
    }
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__icon,
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__icon i {
        font-size: 16px !important;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTÁNDAR (Pantallas hasta 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link {
        width: 100% !important; /* Expande al 100% del ancho del celular */
        height: 44px !important;
        margin-top: 10px !important; /* Le da aire respecto al botón de "Añadir al carrito" que quedó arriba */
        gap: 8px !important; /* Juntamos un poquito el corazón y el texto */
    }
}

/* --------------------------------------------------------------------------
   MÓVIL PEQUEÑO (Pantallas hasta 360px y 320px - Ej. iPhone SE)
   -------------------------------------------------------------------------- */
@media (max-width: 360px) {
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link {
        height: 42px !important; /* Altura mínima cómoda para tocar con el dedo */
        margin-top: 8px !important;
    }
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__label {
        font-size: 13px !important; /* Achicamos la letra para que el texto largo no rompa los bordes */
    }
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__icon,
    .elementor-224 .elementor-element.elementor-element-54c2dd2 .jet-data-store-link .jet-data-store-link__icon i {
        font-size: 14px !important; /* Corazón un punto más pequeño */
    }
}/* End custom CSS */