.elementor-3662 .elementor-element.elementor-element-83d94ab{--display:flex;--min-height:320px;--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;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3662 .elementor-element.elementor-element-9c50cc9{--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-3662 .elementor-element.elementor-element-9c50cc9.e-con{--align-self:center;}.elementor-3662 .elementor-element.elementor-element-140bb7f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3662 .elementor-element.elementor-element-140bb7f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3662 .elementor-element.elementor-element-140bb7f{text-align:center;}.elementor-3662 .elementor-element.elementor-element-140bb7f img{width:75px;max-width:75px;border-radius:8px 8px 8px 8px;}.elementor-3662 .elementor-element.elementor-element-c089b69{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-3662 .elementor-element.elementor-element-c089b69.e-con{--align-self:center;}.elementor-3662 .elementor-element.elementor-element-176f4a2{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3662 .elementor-element.elementor-element-176f4a2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.woocommerce .elementor-3662 .elementor-element.elementor-element-812a3cb .star-rating{color:#FFD200;}.woocommerce:not(.rtl) .elementor-3662 .elementor-element.elementor-element-812a3cb .star-rating{margin-right:0em;}.woocommerce.rtl .elementor-3662 .elementor-element.elementor-element-812a3cb .star-rating{margin-left:0em;}.elementor-3662 .elementor-element.elementor-element-4a345221{--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;--justify-content:center;}.elementor-3662 .elementor-element.elementor-element-4a345221:not(.elementor-motion-effects-element-type-background), .elementor-3662 .elementor-element.elementor-element-4a345221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3662 .elementor-element.elementor-element-4a345221.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3662 .elementor-element.elementor-element-78ef472 > .elementor-widget-container{padding:5px 0px 10px 0px;}.elementor-3662 .elementor-element.elementor-element-7a1c1a87{--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:space-evenly;--align-items:center;--gap:1% 1%;--row-gap:1%;--column-gap:1%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3662 .elementor-element.elementor-element-7a1c1a87.e-con{--align-self:center;}.elementor-3662 .elementor-element.elementor-element-30859df .elementor-button{background-color:#EA580C;font-size:15px;border-radius:8px 8px 8px 8px;padding:25px 25px 25px 25px;}.elementor-3662 .elementor-element.elementor-element-30859df{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3662 .elementor-element.elementor-element-30859df > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3662 .elementor-element.elementor-element-30859df.elementor-element{--align-self:center;}#elementor-popup-modal-3662 .dialog-widget-content{animation-duration:1s;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-3662{background-color:#02010147;justify-content:flex-start;align-items:flex-end;pointer-events:all;}#elementor-popup-modal-3662 .dialog-message{width:100vw;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-3662 .dialog-close-button{display:flex;top:25%;font-size:20px;}body:not(.rtl) #elementor-popup-modal-3662 .dialog-close-button{right:1.5%;}body.rtl #elementor-popup-modal-3662 .dialog-close-button{left:1.5%;}#elementor-popup-modal-3662 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-3662 .dialog-close-button svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-3662 .dialog-close-button:hover i{color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-3662 .elementor-element.elementor-element-83d94ab{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3662 .elementor-element.elementor-element-4a345221{--min-height:145px;}.elementor-3662 .elementor-element.elementor-element-7a1c1a87{--min-height:160px;--padding-top:0%;--padding-bottom:0%;--padding-left:1%;--padding-right:1%;}#elementor-popup-modal-3662 .dialog-close-button{font-size:29px;}}@media(max-width:767px){.elementor-3662 .elementor-element.elementor-element-9c50cc9{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3662 .elementor-element.elementor-element-140bb7f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3662 .elementor-element.elementor-element-176f4a2.elementor-element{--align-self:center;}.elementor-3662 .elementor-element.elementor-element-176f4a2{text-align:center;}.elementor-3662 .elementor-element.elementor-element-812a3cb.elementor-element{--align-self:center;}.elementor-3662 .elementor-element.elementor-element-4a345221{--min-height:175px;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-3662 .elementor-element.elementor-element-7a1c1a87{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:10%;--padding-bottom:10%;--padding-left:6%;--padding-right:6%;}#elementor-popup-modal-3662 .dialog-close-button{top:2%;font-size:22px;}body:not(.rtl) #elementor-popup-modal-3662 .dialog-close-button{right:3%;}body.rtl #elementor-popup-modal-3662 .dialog-close-button{left:3%;}}@media(min-width:768px){.elementor-3662 .elementor-element.elementor-element-83d94ab{--width:90%;}.elementor-3662 .elementor-element.elementor-element-4a345221{--width:50%;}.elementor-3662 .elementor-element.elementor-element-7a1c1a87{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3662 .elementor-element.elementor-element-4a345221{--width:100%;}.elementor-3662 .elementor-element.elementor-element-7a1c1a87{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-140bb7f *//* 4. Centrar imagen HORIZONTALMENTE en móviles (Sobrescribir Flexbox) */
@media (max-width: 767px) {
    /* 1. Rompe la fila: Pone la imagen arriba y los textos abajo */
    #elementor-popup-modal-3662 .elementor-element-9c50cc9 > .e-con-inner {
        flex-direction: column !important; 
        align-items: center !important;    
    }
    
    /* 2. Fuerza a la foto a irse exactamente al medio */
    #elementor-popup-modal-3662 .elementor-element-140bb7f {
        width: 100% !important;
    }
    #elementor-popup-modal-3662 .elementor-element-140bb7f img {
        margin: 0 auto !important;
        display: block !important;
    }
    
    /* 3. Centra también los textos para que todo el bloque luzca bien */
    #elementor-popup-modal-3662 .elementor-element-c089b69 {
        align-items: center !important;
        text-align: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-812a3cb */.elementor-3662 .elementor-element.elementor-element-812a3cb .woocommerce-review-link {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-253d802 *//* 1. Estilo para el precio original (Tachado, gris y más pequeño) */
p.price del, 
p.price del span.amount,
p.price del bdi {
    color: #a3a3a3 !important;
    font-size: 15px !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* Asegurar espacio a la derecha del precio tachado */
p.price del {
    margin-right: 8px !important;
    opacity: 1 !important;
    display: inline-block !important;
}

/* 2. Estilo para el precio de oferta actual (Naranja, grande y resaltado) */
p.price ins,
p.price ins span.amount,
p.price ins bdi {
    color: #ea580c !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    background: transparent !important; /* Evita que algunos temas resalten el fondo de ins */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c089b69 *//* ==========================================================================
   THE SMART SHOP — CONTENEDOR DE PRECIO MODERNO
   ========================================================================== */

/* 1. Alineación horizontal limpia y sin desbordes */
.elementor-element-253d802 .price,
.elementor-widget-woocommerce-product-price .price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 8px 0 !important;
    font-family: 'DM Sans', sans-serif !important;
}

/* 2. Precio en oferta (Grande, destacado en color oficial #ea580c) */
.elementor-element-253d802 .price ins,
.elementor-widget-woocommerce-product-price .price ins,
.elementor-widget-woocommerce-product-price .price ins * {
    color: #ea580c !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

/* 3. Precio tachado anterior (Gris legible, no apagado ni desalineado) */
.elementor-element-253d802 .price del,
.elementor-widget-woocommerce-product-price .price del,
.elementor-widget-woocommerce-product-price .price del * {
    color: #64748b !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: line-through !important;
    opacity: 0.85 !important;
}

/* 4. Pastilla de Ahorro (SAVE $10.00 - Badge estilo Shopify) */
.elementor-element-253d802 .price .tss-savings-badge,
.elementor-widget-woocommerce-product-price .price .tss-savings-badge {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    color: #ea580c !important;
    background: rgba(234, 88, 12, 0.1) !important;
    border: 1px solid rgba(234, 88, 12, 0.25) !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    line-height: 1.2 !important;
    margin-left: 2px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78ef472 *//* PALETA 1: NEGRO CARBÓN + NARANJA FUEGO */
.elementor-3662 .elementor-element.elementor-element-78ef472 .elementor-countdown-wrapper {
    background-color: #111827 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-3662 .elementor-element.elementor-element-78ef472 .elementor-countdown-wrapper::before {
    content: "⚡️ OFFER EXPIRES IN:";
    color: #ff6b35 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 4px !important;
}

.elementor-3662 .elementor-element.elementor-element-78ef472 .elementor-countdown-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-3662 .elementor-element.elementor-element-78ef472 .elementor-countdown-digits {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.elementor-3662 .elementor-element.elementor-element-78ef472 .elementor-countdown-digits.elementor-countdown-seconds {
    color: #ff6b35 !important;
}

.elementor-3662 .elementor-element.elementor-element-78ef472 .elementor-countdown-label {
    color: #9ca3af !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin-top: 4px !important;
    text-transform: capitalize !important;
    display: block !important;
}

.elementor-3662 .elementor-element.elementor-element-78ef472 .elementor-countdown-item:not(:last-child)::after {
    content: ":" !important;
    position: absolute !important;
    right: -11px !important;
    top: 25% !important;
    transform: translateY(-50%) !important;
    color: #ff6b35 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    z-index: 2 !important;
}

/* 1. Resetear cualquier bloqueo de pantalla */
.elementor-countdown-expire--message {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    backdrop-filter: none !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    margin: 10px 0 !important;
}

/* 2. Estilo del Banner cuando el tiempo expira */
.elementor-countdown-expire--message[style*="display: block"],
.elementor-countdown-expire--message:not([style*="display: none"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fff7ed !important; /* Fondo crema suave */
    border: 1.5px solid #fed7aa !important; /* Borde naranja claro */
    color: #9a3412 !important; /* Texto naranja oscuro legible */
    padding: 12px 18px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    gap: 8px !important;
    animation: fadeInBanner 0.4s ease-out !important;
}

/* Icono sutil antes del texto */
.elementor-countdown-expire--message[style*="display: block"]::before {
    content: "⏳" !important;
    font-size: 18px !important;
    display: inline-block !important;
}

@keyframes fadeInBanner {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83d94ab *//* 1. Fuerza al contenedor a no tener padding excesivo */
.elementor-3662 .elementor-element.elementor-element-83d94ab {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* 2. Mata los márgenes invisibles del Título H6 y WooCommerce */
.elementor-3662 .elementor-element.elementor-element-83d94ab h6, 
.elementor-3662 .elementor-element.elementor-element-83d94ab .elementor-heading-title,
.elementor-3662 .elementor-element.elementor-element-83d94ab .woocommerce-product-rating,
.elementor-3662 .elementor-element.elementor-element-83d94ab p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Evita que el contenedor interno agregue espacio */
.elementor-3662 .elementor-element.elementor-element-83d94ab > .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS */.dialog-message {
    padding: 0 !important;
}/* End custom CSS */