.elementor-866 .elementor-element.elementor-element-00bd1d5{--display:flex;--min-height:450px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F0F0F0;--border-color:#F0F0F0;--border-radius:15px 15px 15px 15px;box-shadow:0px 2px 20px -5px rgba(0, 0, 0, 0.2);--padding-top:015px;--padding-bottom:015px;--padding-left:015px;--padding-right:015px;}.elementor-866 .elementor-element.elementor-element-00bd1d5:not(.elementor-motion-effects-element-type-background), .elementor-866 .elementor-element.elementor-element-00bd1d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-866 .elementor-element.elementor-element-00bd1d5.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-866 .elementor-element.elementor-element-d4781e7{right:16px;}body.rtl .elementor-866 .elementor-element.elementor-element-d4781e7{left:16px;}.elementor-866 .elementor-element.elementor-element-d4781e7{top:15px;}.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link-wrapper{justify-content:flex-end;}.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link__icon{font-size:30px;fill:#5B1FA3;color:#5B1FA3;}.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link{border-radius:0px 0px 0px 0px;}.elementor-866 .elementor-element.elementor-element-1cf4a73{--display:flex;--min-height:280px;--overlay-opacity:0.08;--border-radius:1px 1px 1px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-866 .elementor-element.elementor-element-1cf4a73:not(.elementor-motion-effects-element-type-background), .elementor-866 .elementor-element.elementor-element-1cf4a73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-866 .elementor-element.elementor-element-1cf4a73::before, .elementor-866 .elementor-element.elementor-element-1cf4a73 > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-1cf4a73 > .e-con-inner > .elementor-background-video-container::before, .elementor-866 .elementor-element.elementor-element-1cf4a73 > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-1cf4a73 > .e-con-inner > .elementor-background-slideshow::before, .elementor-866 .elementor-element.elementor-element-1cf4a73 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, var( --e-global-color-secondary ) 100%);}.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-866 .elementor-element.elementor-element-53d56f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-866 .elementor-element.elementor-element-53d56f1 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:16px;font-weight:700;color:#22C55E;}.elementor-866 .elementor-element.elementor-element-edc8595{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-866 .elementor-element.elementor-element-a027eea{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-866 .elementor-element.elementor-element-a027eea .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:17px;font-weight:700;color:var( --e-global-color-primary );}.elementor-866 .elementor-element.elementor-element-4cc1744 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-866 .elementor-element.elementor-element-4cc1744 .jet-listing-dynamic-terms{text-align:left;}.elementor-866 .elementor-element.elementor-element-4cc1744 .jet-listing-dynamic-terms__link{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 );color:var( --e-global-color-accent );}.elementor-866 .elementor-element.elementor-element-6988642{--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;--margin-top:0px;--margin-bottom:7px;--margin-left:0px;--margin-right:0px;}.elementor-866 .elementor-element.elementor-element-4cf355b{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-866 .elementor-element.elementor-element-4cf355b .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:17px;font-weight:700;}.elementor-widget-wc-add-to-cart .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-866 .elementor-element.elementor-element-f5cdbe1 .elementor-button{background-color:var( --e-global-color-accent );padding:15px 68px 15px 68px;}.elementor-866 .elementor-element.elementor-element-f5cdbe1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-866 .elementor-element.elementor-element-f5cdbe1 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:space-between;}@media(min-width:768px){.elementor-866 .elementor-element.elementor-element-00bd1d5{--width:300px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-866 .elementor-element.elementor-element-4cc1744 .jet-listing-dynamic-terms__link{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-866 .elementor-element.elementor-element-4cc1744 .jet-listing-dynamic-terms__link{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for jet-engine-data-store-button, class: .elementor-element-d4781e7 *//* ==========================================================================
   TOOLTIP EN DATA STORE BUTTON (DESPLAZADO A LA IZQUIERDA ANTI-CORTE)
   ========================================================================== */

/* 1. PREPARAMOS EL BOTÓN DEL CORAZÓN */
.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link {
    position: relative !important;
    display: inline-block !important;
}

/* 2. EL MENSAJITO FLOTANTE (Movido al lado izquierdo del corazón) */
.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link::after {
    content: 'Agregar a deseos' !important; 
    position: absolute !important;
    top: 50% !important; /* Lo centramos verticalmente respecto al corazón */
    right: 135% !important; /* Lo empuja hacia la izquierda del corazón */
    transform: translateY(-50%) translateX(10px) !important; /* Animación de entrada de izq a der */
    
    /* ESTILO OSCURO SEMI-TRANSPARENTE */
    background-color: rgba(15, 23, 42, 0.9) !important; /* Negro carbono al 90% */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    white-space: nowrap !important; 
    padding: 6px 12px !important;
    border-radius: 6px !important;
    box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.15) !important;
    
    /* ESTADO INICIAL */
    opacity: 0 !important;
    pointer-events: none !important; 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 9999 !important; /* Forzamos que se sobreponga a todo */
}

/* 3. MINI FLECHITA DE ENFOQUE (Apunta al lateral izquierdo del corazón) */
.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 115% !important; /* Justo en el borde entre el texto y el corazón */
    transform: translateY(-50%) translateX(10px) !important;
    
    /* Flecha apuntando a la derecha */
    border-width: 5px 0 5px 5px !important;
    border-style: solid !important;
    border-color: transparent transparent transparent rgba(15, 23, 42, 0.9) !important;
    
    /* ESTADO INICIAL */
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 9999 !important;
}

/* ==========================================================================
   4. INTERACCIÓN AL HOVER (Revelado suave hacia la izquierda)
   ========================================================================== */
.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link:hover::after,
.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link:hover::before {
    opacity: 1 !important;
    /* Elimina el desplazamiento en X para que aparezca fluidamente en su sitio */
    transform: translateY(-50%) translateX(0) !important; 
}

/* 5. CAMBIO DE TEXTO DINÁMICO (Si ya está agregado) */
.elementor-866 .elementor-element.elementor-element-d4781e7 .jet-data-store-link.in-store::after {
    content: 'Quitar de deseos' !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-1a3a8ee *//* ==========================================================================
   ESTRELLAS DE VALORACIÓN - EFECTO MORADO METÁLICO (#5B1FA3)
   ========================================================================== */

/* 1. ESTRELLAS LLENAS (Transición suave: de morado vibrante a ligeramente oscuro) */
.elementor-866 .elementor-element.elementor-element-1a3a8ee .star-rating span::before,
.elementor-866 .elementor-element.elementor-element-1a3a8ee .elementor-star-full i {
    /* Inicia con el morado vibrante (#8a4be2), pasa por tu color base (#5B1FA3) y termina sutilmente más oscuro (#3d146e) */
    background: linear-gradient(135deg, #8a4be2 0%, #5B1FA3 60%, #3d146e 100%) !important;
    
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* Mantenemos el resplandor sutil para que no pierda el volumen 3D */
    filter: drop-shadow(0px 2px 3px rgba(91, 31, 163, 0.3)) !important;
}
/* 2. ESTRELLAS VACÍAS (Metal Gris Cepillado) */
.elementor-866 .elementor-element.elementor-element-1a3a8ee .star-rating::before,
.elementor-866 .elementor-element.elementor-element-1a3a8ee .elementor-star-empty i {
    /* Un degradado plateado sutil para que no compita con el morado */
    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. DISEÑO DEL TEXTO DE CANTIDAD DE RESEÑAS Ej: (128) */
.elementor-866 .elementor-element.elementor-element-1a3a8ee .woocommerce-review-link {
    color: #64748b !important; /* Gris asfalto elegante */
    font-weight: 600 !important;
    font-size: 0.9em !important;
    margin-left: 8px !important; /* Un respiro visual separándolo de las estrellas */
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* 4. EFECTO AL PASAR EL CURSOR SOBRE EL NÚMERO */
.elementor-866 .elementor-element.elementor-element-1a3a8ee .woocommerce-review-link:hover {
    color: #5B1FA3 !important; 
}/* End custom CSS */
/* Start custom CSS for wc-add-to-cart, class: .elementor-element-f5cdbe1 *//* ==========================================================================
   DISEÑO Y ANIMACIÓN: BOTÓN "AÑADIR AL CARRITO"
   ========================================================================== */

/* 1. ESTADO INICIAL DEL BOTÓN (Diseño Sólido Morado) */
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .elementor-button,
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .add_to_cart_button {
    background-color: #5B1FA3 !important; /* Tu color morado */
    color: #ffffff !important; /* Texto blanco */
    border-radius: 8px !important; /* Bordes redondeados modernos */
    border: none !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* Espacio limpio entre el texto y el icono del carrito */
    
    /* Preparamos la animación estándar */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    /* Capa base invisible para el truco de oscurecer el fondo */
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)) !important;
}

/* 2. ESTADO INICIAL DEL ICONO (Carrito de compras) */
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .elementor-button i,
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .elementor-button svg,
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .add_to_cart_button::after,
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .add_to_cart_button i {
    transition: transform 0.3s ease-in-out !important;
}

/* 3. EFECTO AL PASAR EL CURSOR (Hover - Animación clásica) */
.elementor-866 .elementor-element.elementor-element-f5cdbe1:hover .elementor-button,
.elementor-866 .elementor-element.elementor-element-f5cdbe1:hover .add_to_cart_button {
    /* Sube 2px hacia arriba */
    transform: translateY(-2px) !important;
    
    /* Sombra elegante teñida ligeramente de morado */
    box-shadow: 0px 8px 20px rgba(91, 31, 163, 0.3) !important;
    
    /* Oscurece el botón agregando una capa negra al 10% */
    background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)) !important;
}

/* 4. ANIMACIÓN DEL ICONO AL PASAR EL CURSOR */
.elementor-866 .elementor-element.elementor-element-f5cdbe1:hover .elementor-button i,
.elementor-866 .elementor-element.elementor-element-f5cdbe1:hover .elementor-button svg,
.elementor-866 .elementor-element.elementor-element-f5cdbe1:hover .add_to_cart_button::after,
.elementor-866 .elementor-element.elementor-element-f5cdbe1:hover .add_to_cart_button i {
    /* El icono del carrito o flecha se mueve 6px a la derecha */
    transform: translateX(6px) !important;
}

/* 5. BLOQUEO DE COLOR DE TEXTO */
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .elementor-button,
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .add_to_cart_button {
    filter: none !important;
}
/* ==========================================================================
   DISEÑO DEL SELECTOR DE CANTIDAD (COMPACTO Y CON FLECHAS)
   ========================================================================== */

/* 1. Alineación (Más pegado al botón de carrito) */
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .quantity {
    display: inline-flex !important;
    margin-right: 6px !important; /* Reducido a la mitad para acercarlo */
}

/* 2. Diseño base del cuadro numérico (Más compacto) */
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .quantity input.qty {
    width: 52px !important; /* Más angosto */
    height: 38px !important; /* Más bajo para no verse tosco */
    border: 2px solid #e2e8f0 !important; 
    border-radius: 6px !important; 
    background-color: transparent !important;
    color: #1a202c !important; 
    font-size: 15px !important;
    font-weight: 600 !important;
    /* Un pequeño ajuste de padding para que el número no choque con las flechas */
    padding: 0 0 0 6px !important; 
    transition: all 0.3s ease !important; 
    box-shadow: none !important;
    outline: none !important;
}

/* 3. Efecto Focus (Mantenemos tu color morado #5B1FA3 al hacer clic) */
.elementor-866 .elementor-element.elementor-element-f5cdbe1 .quantity input.qty:focus {
    border-color: #5B1FA3 !important; 
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(91, 31, 163, 0.15) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00bd1d5 *//* ==========================================================================
   TARJETA ESTÁNDAR: SOLO MOVIMIENTO DE CONTENEDOR
   ========================================================================== */

/* 1. ESTADO INICIAL */
.elementor-866 .elementor-element.elementor-element-00bd1d5 {
    /* Suaviza el regreso cuando quitas el mouse */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative;
    z-index: 1;
}

/* 2. EFECTO AL PASAR EL CURSOR (Hover) */
.elementor-866 .elementor-element.elementor-element-00bd1d5:hover {
    /* Elevación normal (5px) */
    transform: translateY(-4px) !important;
    
    /* Sombra oscura clásica y profunda */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15) !important;
    
    /* Oscurece un poco el borde que ya tengas definido */
    border-color: rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */