/* Diseño 18 · Banners de oferta (naranja) · d18 — generado por el constructor (aia.py). No lo edites a mano: cambia el diseño y vuelve a generarlo. */
/* ===== Diseño 18 · Banners de oferta (promoción 7 días) — base ===== */
:root{--d18-ink:#14123A;--d18-muted:#555A7A;--d18-a1:#FF5E00;--d18-a2:#FFB800;--d18-a3:#FF3B30;--d18-a4:#00C2FF;--d18-a5:#3A29F2;
--d18-ok:#00C853;--d18-cream:#FFF7F0;--d18-line:rgba(120,60,20,.14);--d18-sh:rgba(120,50,10,.24);--d18-glow:rgba(255,94,0,.5);
--d18-fh:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;--d18-fb:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
/* Raíz de cada banner/barra: capas decorativas debajo, contenido encima; se adapta al ancho donde lo pegues */
.d18-bn{position:relative;isolation:isolate;max-width:100%;container-type:inline-size}
/* (sin tocar las piezas del editor de Elementor: overlay, formas y manijas; si no, en el editor el banner se desarma) */
.d18-bn>:not(.d18-ovl,.elementor-element-overlay,.elementor-shape,.ui-resizable-handle),.d18-inner>:not(.d18-ovl,.elementor-element-overlay,.elementor-shape,.ui-resizable-handle){position:relative;z-index:1}
.d18-inner{isolation:isolate}
.d18-bn .elementor-widget-text-editor p:last-child{margin-bottom:0}
.d18-bn img.emoji{display:inline!important;width:1em!important;height:1em!important;margin:0 .06em!important;vertical-align:-.12em!important;box-shadow:none!important}
.d18-ovl{position:absolute!important;inset:0;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none;z-index:0!important;border-radius:inherit}
.d18-ovl>.elementor-widget-container{position:absolute;inset:0;border-radius:inherit;margin:0!important;padding:0!important}
.d18-ovl .elementor-widget-container>*{border-radius:inherit}
/* Texto con degradado naranja (claro) y ámbar (sobre fondo oscuro o naranja) */
.d18-gt{background:linear-gradient(90deg,var(--d18-a1),var(--d18-a2) 55%,var(--d18-a3));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.d18-gt2{background:linear-gradient(90deg,#FFE08A,#FFB800 45%,#FF8A3D);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.d18-usd{display:inline-block;margin-left:.16em;font-size:.36em;font-weight:800;letter-spacing:.04em;vertical-align:.95em;-webkit-text-fill-color:currentColor;opacity:.8}
.d18-del{position:relative;display:inline-block}
.d18-del:after{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:3px;margin-top:-1px;border-radius:3px;background:var(--d18-a3);transform:rotate(-9deg)}
.d18-kick .elementor-heading-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 8px 1px 0;background:linear-gradient(135deg,var(--d18-a1),var(--d18-a3));box-shadow:0 0 0 3px rgba(255,94,0,.14)}
.d18-chip .elementor-heading-title{white-space:nowrap}
.d18-nw{white-space:nowrap}
/* Precio en HTML */
.d18-price{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-family:var(--d18-fh);color:var(--d18-ink);line-height:1}
.d18-price .d18-del{font-weight:700;color:var(--d18-muted);font-size:21px}
.d18-price .d18-now{font-weight:900;letter-spacing:-.03em;font-size:54px}
.d18-price--md .d18-now{font-size:40px}.d18-price--md .d18-del{font-size:18px}
.d18-price--sm .d18-now{font-size:28px}.d18-price--sm .d18-del{font-size:15px}.d18-price--sm{gap:8px}
.d18-price.is-dark{color:#fff}.d18-price.is-dark .d18-del{color:rgba(255,255,255,.7)}
.d18-price.is-dark .d18-gt{background:linear-gradient(90deg,#FFE08A,#FFB800 45%,#FF8A3D);-webkit-background-clip:text;background-clip:text}
.d18-pchip{display:inline-block;padding:7px 11px;border-radius:999px;font:800 13px/1 var(--d18-fh);color:#fff;background:linear-gradient(135deg,var(--d18-a3),var(--d18-a1));white-space:nowrap}
@container (max-width:420px){.d18-price .d18-now{font-size:44px}.d18-price--md .d18-now{font-size:34px}}
/* ---- Reloj ---- */
.d18-clk{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--d18-fh);font-variant-numeric:tabular-nums;color:var(--d18-ink);flex-wrap:nowrap}
.d18-clk b{display:inline-block;font-weight:800}
.d18-clk--boxes .d18-u,.d18-clk--flip .d18-u{display:flex;flex-direction:column;align-items:center;min-width:66px;padding:11px 6px 9px;border-radius:16px;background:#fff;border:1px solid rgba(255,94,0,.16);box-shadow:0 14px 28px -16px var(--d18-sh)}
.d18-clk--boxes .d18-u b,.d18-clk--flip .d18-u b{font-size:31px;line-height:1;color:var(--d18-ink)}
.d18-clk small{display:block;font:700 10.5px/1 var(--d18-fb);letter-spacing:.8px;text-transform:uppercase;color:var(--d18-muted)}
.d18-clk--boxes small,.d18-clk--flip small{margin-top:6px}
.d18-clk .d18-sep{font:800 22px/1 var(--d18-fh);font-style:normal;color:var(--d18-a1);opacity:.55}
.d18-clk--flip .d18-u{position:relative;background:linear-gradient(180deg,#221E52 0 50%,#14123A 50% 100%);border-color:rgba(255,255,255,.08);box-shadow:0 16px 30px -14px rgba(20,18,58,.6)}
.d18-clk--flip .d18-u:after{content:"";position:absolute;left:0;right:0;top:calc(50% - 10px);height:1px;background:rgba(0,0,0,.35)}
.d18-clk--flip .d18-u b{color:#fff}.d18-clk--flip small{color:rgba(255,255,255,.7)}
.d18-clk.is-dark .d18-u{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none}
.d18-clk.is-dark .d18-u b{color:#fff}.d18-clk.is-dark small{color:rgba(255,255,255,.72)}.d18-clk.is-dark .d18-sep{color:#FFB800}
.d18-clk--inline,.d18-clk--pill,.d18-clk--mini{display:inline-flex;gap:5px}
.d18-clk--inline .d18-u,.d18-clk--pill .d18-u,.d18-clk--mini .d18-u{display:inline-flex;align-items:baseline;gap:1px}
.d18-clk--inline b{font-size:1.05em}.d18-clk--inline small,.d18-clk--pill small,.d18-clk--mini small{display:inline;font-size:.72em;letter-spacing:0;text-transform:none;margin-left:1px}
.d18-clk--pill{padding:7px 12px;border-radius:999px;background:var(--d18-ink);color:#fff}
.d18-clk--pill b{color:#fff;font-size:15px}.d18-clk--pill small{color:rgba(255,255,255,.72)}
.d18-clk--mini b{font-size:15px}.d18-clk--mini small{font-size:11px}
.d18-clk .d18-u.is-zero,.d18-clk .d18-u.is-zero+.d18-sep{display:none}
.d18-clk.is-last .d18-u b{color:var(--d18-a3)}.d18-clk--flip.is-last .d18-u b,.d18-clk.is-dark.is-last .d18-u b{color:#FFB800}
.d18-clk-exp{font:800 18px/1.25 var(--d18-fh);color:var(--d18-a3)}
.d18-clk.is-dark .d18-clk-exp{color:#FFB800}
@container (max-width:460px){.d18-clk--boxes .d18-u,.d18-clk--flip .d18-u{min-width:54px;padding:9px 4px 8px;border-radius:13px}
.d18-clk--boxes .d18-u b,.d18-clk--flip .d18-u b{font-size:25px}.d18-clk .d18-sep{font-size:17px}.d18-clk--boxes,.d18-clk--flip{gap:5px}}
@container (max-width:330px){.d18-clk--boxes .d18-u,.d18-clk--flip .d18-u{min-width:48px}.d18-clk--boxes .d18-u b,.d18-clk--flip .d18-u b{font-size:22px}.d18-clk .d18-sep{display:none}}
/* ---- Progreso de la promo (lo mueve el JS una vez por minuto, sin animación continua) ---- */
.d18-prog [data-fill]{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(1);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
/* ---- Botones: brillo que cruza, latido y flecha ---- */
.d18-shine .elementor-button{position:relative;overflow:hidden;isolation:isolate}
.d18-shine .elementor-button:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(0) skewX(-20deg);animation:d18shine 3.8s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes d18shine{0%{transform:translateX(0) skewX(-20deg)}55%,100%{transform:translateX(430%) skewX(-20deg)}}
.d18-beat .elementor-button{animation:d18beat 3s ease-in-out infinite}
@keyframes d18beat{0%,62%,100%{transform:scale(1)}70%{transform:scale(1.05)}78%{transform:scale(.985)}86%{transform:scale(1.03)}}
.d18-nudge .elementor-button-icon{display:inline-flex;animation:d18nudge 2s ease-in-out infinite}
@keyframes d18nudge{0%,55%,100%{transform:none}70%{transform:translateX(5px)}85%{transform:translateX(-1px)}}
.d18-buy .elementor-button{font-variant-numeric:tabular-nums}
/* ---- Destellos ---- */
.d18-spk{position:absolute;inset:0;overflow-x:clip}
.d18-spk i{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;background:linear-gradient(135deg,#FFF6C8,#FFB800 55%,#FF7A00);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;transform:scale(0);animation:d18tw 3s ease-in-out infinite}
.d18-spk i.s{width:10px;height:10px;margin:-5px 0 0 -5px}
.d18-spk--white i{background:#fff}.d18-spk--hot i{background:linear-gradient(135deg,#FFD27A,#FF5E00)}
@keyframes d18tw{0%,100%{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1) rotate(45deg)}62%{opacity:.35;transform:scale(.45) rotate(90deg)}80%{opacity:0;transform:scale(0) rotate(120deg)}}
/* ---- Borde con destello que da la vuelta: el borde es un degradado quieto y un haz de luz delgado gira debajo de la
   tarjeta (se ve solo en el borde). Haz delgado = capa pequeña para la GPU (un cuadrado gigante girando pesa ~60 MB). ---- */
.d18-ringfx{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.d18-ringfx:before{content:"";position:absolute;left:50%;top:50%;width:64px;margin-left:-32px;height:max(100%,70cqw);transform-origin:50% 0;transform:rotate(0);background:linear-gradient(90deg,transparent,rgba(255,246,200,.9) 38%,#fff 50%,rgba(255,246,200,.9) 62%,transparent);animation:d18spin 6s linear infinite}
@keyframes d18spin{to{transform:rotate(360deg)}}
/* ---- Reposo: cada banner se anima solo si se ve; si nadie toca ni desplaza la pantalla 15 s, todo se queda quieto ---- */
.d18-bn:not(.d18-on) *,.d18-bn:not(.d18-on) *::before,.d18-bn:not(.d18-on) *::after,.d18-bn:not(.d18-on)::before,.d18-bn:not(.d18-on)::after,
html.d18-idle .d18-bn *,html.d18-idle .d18-bn *::before,html.d18-idle .d18-bn *::after,html.d18-idle .d18-bn::before,html.d18-idle .d18-bn::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.d18-bn *,.d18-bn *::before,.d18-bn *::after,.d18-bn::before,.d18-bn::after{animation:none!important}}
@media (hover:none),(pointer:coarse){.d18-bn,.d18-bn *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
/* Promoción terminada: en tu web el banner o la barra se OCULTAN SOLOS (así nadie ve «$19.90» cuando ya volvió a $29.90).
   En la galería y en el editor se siguen viendo. .d18-hide-over / .d18-show-over sirven para cambiar textos. */
html:not(.d18-gallery) body:not(.elementor-editor-active) .d18-bn.d18-over{display:none!important}
.d18-show-over{display:none!important}.d18-over .d18-show-over{display:block!important}.d18-over .d18-hide-over{display:none!important}
/* ---- Barras fijas (celular y tablet) ---- */
.d18-sb{position:fixed!important;left:0;right:0;bottom:0;top:auto;z-index:9990;width:100%!important;max-width:none!important;margin:0!important;transform:translateY(135%);transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.d18-sb.d18-show{transform:none}
.d18-sb:not(.d18-show) *,.d18-sb:not(.d18-show) *::before,.d18-sb:not(.d18-show) *::after,.d18-sb:not(.d18-show)::before,.d18-sb:not(.d18-show)::after{animation-play-state:paused!important}
@media (min-width:1025px){.d18-sb{display:none!important}}
.d18-phone .d18-sb,.elementor-editor-active .d18-sb{position:relative!important;left:auto;right:auto;bottom:auto;transform:none!important;display:flex!important;z-index:2}
.d18-phone .d18-sb.d18-try{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9990!important;animation:d18sbin .5s cubic-bezier(.2,.8,.2,1)}
@keyframes d18sbin{from{transform:translateY(110%)}to{transform:none}}
/* Con una barra de este diseño, la barra de compra de los diseños 16-17 se oculta (no se apilan dos) y el final de la
   página deja espacio para la barra. La clase html.d18-hasbar la pone el JS de la barra (una vez). NO usar body:has(…):
   con :has() en body, cada cambio de la página (p. ej. el Drive animado del Diseño 16) recalcula TODA la página
   (medido: +30 ms de procesador por segundo). */
html.d18-hasbar .d16-mbar,html.d18-hasbar .d17-mbar{display:none!important}
@media (max-width:1024px){html.d18-hasbar body{padding-bottom:90px}html.d18-hasbar #ast-scroll-top{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}}


/* ===== Galería del Diseño 18 (solo en la página de muestra) ===== */
.d18-lab .d18-num .elementor-heading-title{font-variant-numeric:tabular-nums}
.d18-tags{display:flex;flex-wrap:wrap;gap:8px}
.d18-tags span{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid rgba(255,94,0,.16);font:700 12.5px/1 var(--d18-fb);color:var(--d18-ink);white-space:nowrap}
.d18-steps{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.d18-steps li{margin:0!important;padding:16px 16px 16px 58px;position:relative;border-radius:18px;background:#fff;border:1px solid rgba(255,94,0,.14);box-shadow:0 14px 30px -20px var(--d18-sh);font:600 14.5px/1.45 var(--d18-fb);color:var(--d18-ink)}
.d18-steps li strong{display:block;font:800 15.5px/1.3 var(--d18-fh);margin-bottom:3px}.d18-steps li b{font-weight:800}
.d18-steps li:before{content:attr(data-n);position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font:800 15px/1 var(--d18-fh);color:#fff;background:linear-gradient(135deg,var(--d18-a1),var(--d18-a2))}
@media (max-width:900px){.d18-steps{grid-template-columns:minmax(0,1fr)}}
.d18-index{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.d18-index a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid rgba(255,94,0,.18);font:700 13.5px/1 var(--d18-fb);color:var(--d18-ink)!important;text-decoration:none;box-shadow:0 10px 22px -16px var(--d18-sh)}
.d18-index a:hover{border-color:var(--d18-a1);color:var(--d18-a1)!important}
.d18-lbl{align-self:center;margin-right:2px;font:700 12.5px/1 var(--d18-fb);color:var(--d18-muted);white-space:nowrap}
.d18-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
.d18-legend span:not(.d18-lbl){display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:1px dashed rgba(20,18,58,.2);font:600 12px/1 var(--d18-fb);color:var(--d18-muted);white-space:nowrap}
/* Teléfonos con la barra fija (vista previa) */
.d18-phonecol,.d18-phone{max-width:100%}
.d18-phone{height:560px;background:#FFFBF7!important;border:10px solid #14123A!important;box-shadow:0 30px 60px -28px rgba(20,18,58,.55),inset 0 0 0 1px rgba(255,255,255,.4)!important;overflow:hidden!important}
.d18-screen{flex:1 1 auto;min-height:0}
.d18-screen .elementor-widget-container{height:100%}
.d18-fake{height:100%;padding:34px 16px 12px;display:flex;flex-direction:column;gap:10px;font-family:var(--d18-fb);position:relative}
.d18-fake:before{content:"";position:absolute;top:8px;left:50%;width:84px;height:20px;margin-left:-42px;border-radius:999px;background:#14123A}
.d18-fake .d18-fk-h{display:flex;align-items:center;gap:8px;font:800 13px/1 var(--d18-fh);color:var(--d18-ink)}
.d18-fake .d18-fk-h i{width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,var(--d18-a1),var(--d18-a2))}
.d18-fake .d18-fk-t{font:800 19px/1.2 var(--d18-fh);color:var(--d18-ink)}
.d18-fake .d18-fk-l{height:9px;border-radius:9px;background:rgba(20,18,58,.08)}
.d18-fake .d18-fk-l.w6{width:62%}.d18-fake .d18-fk-l.w8{width:82%}
.d18-fake .d18-fk-img{height:92px;border-radius:16px;background:linear-gradient(135deg,rgba(255,94,0,.16),rgba(255,184,0,.2),rgba(58,41,242,.12))}
.d18-fake .d18-fk-note{margin-top:auto;text-align:center;font:600 11.5px/1.3 var(--d18-fb);color:var(--d18-muted)}
.d18-phonecol.is-trying .d18-fake .d18-fk-note{color:var(--d18-a1);font-weight:800}
.d18-trybtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:2px solid var(--d18-a1);border-radius:999px;background:#fff;color:var(--d18-a1);font:800 14.5px/1 var(--d18-fh);cursor:pointer;transition:background .2s,color .2s}
.d18-trybtn:hover,.d18-phonecol.is-trying .d18-trybtn{background:var(--d18-a1);color:#fff}


/* Referencia · tarjeta de la promo */
.d18-promo .d18-clk{margin-top:-4px}
/* En una columna angosta (p. ej. junto al panel de precio en computadora) usa los tamaños del celular */
@container (max-width:440px){
.d18-promo .d18-kick .elementor-heading-title{font-size:11px!important;letter-spacing:.2px!important;white-space:nowrap}
.d18-promo .d18-ptitle .elementor-heading-title{font-size:23px!important}
.d18-promo .d18-psub .elementor-heading-title{font-size:15px!important}
.d18-promo .d18-pricebox{gap:8px!important}
.d18-promo .d18-pdel .elementor-heading-title{font-size:17px!important}
.d18-promo .d18-pnow .elementor-heading-title{font-size:44px!important}
.d18-promo .d18-buy .elementor-button{font-size:16px!important;padding:16px 18px!important;white-space:nowrap}
.d18-promo .d18-inner{padding-left:16px!important;padding-right:16px!important}}
/* Referencia · barra clásica */
.d18-sb-clasica{justify-content:center}
.d18-sb-clasica>.e-con{max-width:420px}
.d18-sb-clasica .d18-sbp .elementor-heading-title{white-space:nowrap}
.d18-sb-clasica .d18-sbp .d18-del{font-size:.62em;font-weight:700;color:var(--d18-muted);margin-right:4px;vertical-align:.18em}
.d18-sb-clasica .d18-sbclk{justify-content:flex-start;color:var(--d18-a3);font-weight:800}
.d18-sb-clasica .d18-sbclk:before{content:"⏳";margin-right:4px;font-size:13px}
.d18-sb-clasica .d18-sbclk b{font-size:14px}
.d18-sb-clasica .d18-sbbtn .elementor-button{white-space:nowrap}
.d18-sb-clasica .d18-sbclk .d18-clk-exp{font-size:13px;line-height:1.2;white-space:nowrap}


/* ===== Grupo B · Relojes protagonistas (flip, arena, anillo) ===== */
.d18-flip .elementor-widget-text-editor p,.d18-arena .elementor-widget-text-editor p,.d18-anillo .elementor-widget-text-editor p{margin:0}

/* ---------- 1) Reloj flip gigante ---------- */
.d18-flip-fx{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.d18-flip-fx .d18-flip-glow{position:absolute;inset:0;background:radial-gradient(62% 44% at 50% 47%,rgba(255,106,0,.30),rgba(255,106,0,0) 72%),radial-gradient(38% 46% at 0% 0%,rgba(255,94,0,.30),rgba(255,94,0,0) 72%),radial-gradient(46% 58% at 100% 100%,rgba(255,184,0,.22),rgba(255,184,0,0) 72%)}
.d18-flip-fx .d18-flip-top{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#FF3B30,#FF5E00 30%,#FFB800 70%,#FF5E00)}
.d18-flip-fx .d18-flip-top:after{content:"";position:absolute;left:12%;right:12%;top:4px;height:46px;background:radial-gradient(50% 100% at 50% 0%,rgba(255,138,30,.28),rgba(255,138,30,0) 100%)}
.d18-flip-fx .d18-flip-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:radial-gradient(75% 70% at 50% 30%,#000 15%,transparent 75%);mask-image:radial-gradient(75% 70% at 50% 30%,#000 15%,transparent 75%)}
.d18-flip-fx .d18-flip-emb i{position:absolute;bottom:-12px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle,#FFF5CC 0 22%,#FFB800 42%,rgba(255,94,0,0) 70%);opacity:0;animation:d18flipember 7s linear infinite}
.d18-flip-fx .d18-flip-emb i.s{width:7px;height:7px;margin-left:-3px}
@keyframes d18flipember{0%{opacity:0;transform:translate(0,0) scale(1)}12%{opacity:1}55%{opacity:.8;transform:translate(-14px,-170px) scale(.8)}100%{opacity:0;transform:translate(10px,-330px) scale(.35)}}
.d18-flip .d18-flip-clk{gap:10px;align-items:flex-start}
.d18-flip .d18-flip-clk .d18-u{min-width:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.d18-flip .d18-flip-clk .d18-u:after{display:none}
.d18-flip .d18-flip-clk .d18-u b{position:relative;display:block;width:122px;height:106px;line-height:106px;text-align:center;font-size:68px;font-weight:800;letter-spacing:-.02em;color:#fff;border-radius:18px;background:linear-gradient(180deg,#39348A 0,#2A2566 49.4%,#16133F 50.6%,#221E57 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.07),0 22px 34px -18px rgba(255,94,0,.62);text-shadow:0 2px 0 rgba(0,0,0,.28)}
.d18-flip .d18-flip-clk .d18-u b:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:rgba(6,5,24,.72);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.d18-flip .d18-flip-clk .d18-u b:after{content:"";position:absolute;top:50%;left:0;right:0;height:12px;margin-top:-6px;background:radial-gradient(circle at 0 6px,#110F30 0 4px,rgba(17,15,48,0) 4.6px),radial-gradient(circle at 100% 6px,#110F30 0 4px,rgba(17,15,48,0) 4.6px)}
.d18-flip .d18-flip-clk small{margin-top:11px;font:800 12px/1 var(--d18-fb);letter-spacing:1.8px;color:#FFB800}
.d18-flip .d18-flip-clk .d18-sep{align-self:flex-start;height:106px;font:800 50px/98px var(--d18-fh);color:#FFB800;opacity:1;animation:d18flipsep 1s steps(1,end) infinite}
@keyframes d18flipsep{0%{opacity:1}50%{opacity:.28}}
.d18-flip .d18-flip-clk.is-last .d18-u b{color:#FFB800}
/* terminada: el encabezado «termina en» se oculta (.d18-hide-over) y el aviso ocupa su lugar, en ámbar sobre la tinta */
.d18-flip .d18-flip-clk.is-over{align-items:center}
.d18-flip .d18-flip-clk .d18-clk-exp{font-size:34px;line-height:1.15;letter-spacing:-.02em;text-align:center;color:#FFB800}
.d18-flip .d18-flip-deal{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.d18-flip .d18-flip-deal .d18-buy .elementor-button{white-space:nowrap}
.d18-flip .d18-flip-note .d18-flip-n1{display:inline}
.d18-flip.d18-over .d18-flip-note{display:none}
@container (max-width:780px){
.d18-flip .d18-flip-clk .d18-u b{width:98px;height:88px;line-height:88px;font-size:54px;border-radius:16px}
.d18-flip .d18-flip-clk .d18-sep{height:88px;font-size:42px;line-height:82px}}
@container (max-width:640px){
.d18-flip .d18-flip-in{padding:30px 20px 26px!important}
.d18-flip .d18-flip-h .elementor-heading-title{font-size:28px!important}
.d18-flip .d18-flip-deal{flex-direction:column!important;align-items:stretch!important;padding:18px 16px!important;gap:14px!important}
.d18-flip .d18-flip-deal .d18-pricebox{justify-content:center!important;flex-wrap:wrap!important}
.d18-flip .d18-flip-deal .elementor-heading-title{text-align:center}
.d18-flip .d18-flip-deal .d18-buy .elementor-button{width:100%}
.d18-flip .d18-flip-note .d18-flip-dot{display:none}
.d18-flip .d18-flip-note .d18-flip-n1,.d18-flip .d18-flip-note .d18-flip-n2{display:block}}
@container (max-width:540px){
.d18-flip .d18-flip-clk{gap:6px}
.d18-flip .d18-flip-clk .d18-u b{width:74px;height:70px;line-height:70px;font-size:42px;border-radius:14px}
.d18-flip .d18-flip-clk .d18-sep{height:70px;font-size:30px;line-height:64px}
.d18-flip .d18-flip-clk small{font-size:10.5px;letter-spacing:1.2px;margin-top:8px}}
@container (max-width:420px){
.d18-flip .d18-flip-in{padding:26px 16px 22px!important}
.d18-flip .d18-flip-h .elementor-heading-title{font-size:24px!important}
.d18-flip .d18-flip-clk{gap:4px}
.d18-flip .d18-flip-clk .d18-u b{width:63px;height:62px;line-height:62px;font-size:36px;border-radius:12px}
.d18-flip .d18-flip-clk .d18-sep{height:62px;font-size:24px;line-height:58px}
.d18-flip .d18-flip-deal .d18-buy .elementor-button{padding-left:16px;padding-right:16px}
.d18-flip .d18-flip-lbl .elementor-heading-title{font-size:11.5px!important;letter-spacing:.6px!important}
.d18-flip .d18-flip-lbl .d18-flip-ls{display:none}
.d18-flip .d18-flip-lbl .d18-flip-lsv{display:block;margin-top:2px}
.d18-flip .d18-flip-deal .d18-pricebox{gap:8px!important}
.d18-flip .d18-flip-deal .d18-pdel .elementor-heading-title{font-size:17px!important}
.d18-flip .d18-flip-deal .d18-pnow .elementor-heading-title{font-size:38px!important}
.d18-flip .d18-flip-clk .d18-clk-exp{font-size:26px}}
@container (max-width:340px){
.d18-flip .d18-flip-clk{gap:6px}
.d18-flip .d18-flip-clk .d18-sep{display:none}
.d18-flip .d18-flip-clk .d18-u b{width:60px;font-size:33px}
.d18-flip .d18-flip-deal .d18-pricebox{gap:6px!important}
.d18-flip .d18-flip-deal .d18-pnow .elementor-heading-title{font-size:36px!important}}

/* ---------- 2) Reloj de arena ---------- */
.d18-ar-hg{position:relative;width:156px;height:234px;margin:0 auto;flex:none}
.d18-ar-halo{position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,0,.36),rgba(255,94,0,.10) 46%,rgba(255,94,0,0) 70%)}
.d18-ar-flip{position:absolute;inset:0;transform-origin:50% 50%}
.d18-ar-flip svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block;overflow:visible}
.d18-ar-back path{fill:rgba(255,255,255,.82)}
.d18-ar-sandT,.d18-ar-sandB{position:absolute;left:0;width:100%;height:50%;overflow:hidden}
.d18-ar-sandT{top:0;-webkit-clip-path:polygon(22.9% 19%,77.1% 19%,76.8% 38.7%,73.6% 57.9%,66.8% 75.2%,56.4% 90.5%,51.8% 100%,48.2% 100%,43.6% 90.5%,33.2% 75.2%,26.4% 57.9%,23.2% 38.7%);clip-path:polygon(22.9% 19%,77.1% 19%,76.8% 38.7%,73.6% 57.9%,66.8% 75.2%,56.4% 90.5%,51.8% 100%,48.2% 100%,43.6% 90.5%,33.2% 75.2%,26.4% 57.9%,23.2% 38.7%)}
.d18-ar-sandB{top:50%;-webkit-clip-path:polygon(48.2% 0,51.8% 0,56.4% 9.5%,66.8% 24.8%,73.6% 42.1%,76.8% 61.3%,77.1% 81%,22.9% 81%,23.2% 61.3%,26.4% 42.1%,33.2% 24.8%,43.6% 9.5%);clip-path:polygon(48.2% 0,51.8% 0,56.4% 9.5%,66.8% 24.8%,73.6% 42.1%,76.8% 61.3%,77.1% 81%,22.9% 81%,23.2% 61.3%,26.4% 42.1%,33.2% 24.8%,43.6% 9.5%)}
.d18-ar-sandT i,.d18-ar-sandB i{position:absolute;display:block;transform-origin:50% 100%;transition:transform 9s linear}
.d18-ar-sandT i{left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,#FFD36B,#FFB800 40%,#FF8A00);transform:scaleY(.96)}
.d18-ar-sandB i{left:6%;right:6%;bottom:19%;height:56%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#FFC94A,#FF9A00 60%,#FF7A00);transform:scaleY(.26)}
.d18-arena.is-flow .d18-ar-sandT i{transform:scaleY(.1)}
.d18-arena.is-flow .d18-ar-sandB i{transform:scaleY(1)}
.d18-arena.is-reset .d18-ar-sandT i,.d18-arena.is-reset .d18-ar-sandB i{transition:none!important}
.d18-ar-stream{position:absolute;left:50%;top:48%;width:3px;height:43%;margin-left:-1.5px;overflow:hidden;border-radius:2px;transition:opacity .35s}
.d18-ar-stream i{position:absolute;left:0;right:0;top:-16px;bottom:0;background:repeating-linear-gradient(180deg,#FFB800 0 5px,rgba(255,184,0,0) 5px 8px);animation:d18arenadrip .34s linear infinite}
@keyframes d18arenadrip{from{transform:translateY(0)}to{transform:translateY(16px)}}
.d18-arena.is-hold .d18-ar-stream{opacity:0}
.d18-arena .d18-ar-cap .elementor-heading-title{white-space:nowrap}
.d18-arena .d18-ar-clk{justify-content:flex-start}
.d18-arena .d18-ar-clk .d18-u{flex:1 1 0;min-width:0;background:linear-gradient(180deg,#FFFFFF,#FFF5EC);border-color:rgba(255,94,0,.2)}
.d18-arena .d18-ar-clk small{color:var(--d18-a1)}
.d18-ar-prog{display:flex;flex-direction:column;gap:9px;padding:14px 16px 12px;border-radius:18px;background:#fff;border:1px solid rgba(255,94,0,.14);box-shadow:0 14px 28px -20px rgba(120,50,10,.35)}
.d18-ar-pt{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}
.d18-ar-pt b{font:800 16px/1.25 var(--d18-fh);color:var(--d18-ink)}
.d18-ar-pt span{font:700 13px/1.25 var(--d18-fb);color:var(--d18-muted)}
.d18-ar-pt em{font-style:normal;font-weight:800;color:var(--d18-a1)}
.d18-ar-track{position:relative;height:14px;border-radius:999px;background:rgba(255,94,0,.12);box-shadow:inset 0 1px 2px rgba(120,50,10,.14)}
.d18-ar-track i{border-radius:999px;background:linear-gradient(90deg,#FF3B30,#FF5E00 40%,#FFB800)}
.d18-ar-knob{position:absolute;top:50%;left:100%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:4px solid #FF7A00;box-shadow:0 4px 10px rgba(255,94,0,.4)}
.d18-ar-knob:after{content:"";position:absolute;left:-8px;top:-8px;right:-8px;bottom:-8px;border-radius:50%;border:2px solid rgba(255,122,0,.55);animation:d18arenaknob 2.4s ease-out infinite}
@keyframes d18arenaknob{0%{transform:scale(.6);opacity:.9}80%,100%{transform:scale(1.4);opacity:0}}
.d18-ar-pl{display:flex;justify-content:space-between;gap:10px;font:700 12px/1.2 var(--d18-fb);color:var(--d18-muted)}
.d18-ar-chips{display:flex;flex-wrap:wrap;gap:6px}
.d18-ar-chips span{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;background:#FFF3E8;border:1px solid rgba(255,94,0,.14);font:700 12.5px/1.1 var(--d18-fb);color:var(--d18-ink);white-space:nowrap}
.d18-arena .d18-ar-txt .d18-del{margin:0 .25em 0 .1em}
.d18-arena .d18-prog.is-last .d18-ar-pt b{color:var(--d18-a3)}
/* terminada: el reloj de cajas se oculta (.d18-hide-over) y el aviso queda UNA vez, en la barra */
.d18-arena.d18-over .d18-ar-pt{justify-content:center;text-align:center}
.d18-arena.d18-over .d18-ar-pt b{font-size:18px;color:var(--d18-a3)}
.d18-arena.d18-over .d18-ar-pt span{display:none}
@container (max-width:700px){
.d18-arena .d18-ar-row{flex-direction:column!important;gap:16px!important}
.d18-arena .d18-ar-left{width:100%!important;flex-direction:row!important;justify-content:center!important;gap:18px!important;padding:16px 14px!important}
.d18-arena .d18-ar-hg{width:110px;height:165px;margin:0}
.d18-arena .d18-ar-halo{width:180px;height:180px;margin:-90px 0 0 -90px}
.d18-arena .d18-ar-capbox{width:auto!important;align-items:flex-start!important}
.d18-arena .d18-ar-capbox .elementor-heading-title{text-align:left!important}
.d18-arena .d18-ar-capbox .d18-chip{align-self:flex-start!important}
.d18-arena .d18-ar-right{padding:4px 6px 8px!important}
.d18-arena .d18-ar-right .elementor-heading-title,.d18-arena .d18-ar-right .elementor-widget-text-editor{text-align:center!important}
.d18-arena .d18-ar-right .d18-kick{align-self:center!important}
.d18-arena .d18-ar-clk,.d18-arena .d18-ar-chips{justify-content:center}}
@container (max-width:440px){
.d18-arena .d18-ar-h .elementor-heading-title{font-size:23px!important}
.d18-arena .d18-ar-cap .elementor-heading-title{font-size:13px!important}
.d18-arena .d18-ar-left{gap:12px!important}
.d18-arena .d18-ar-hg{width:100px;height:150px}
.d18-ar-prog{padding:12px 12px 10px}
.d18-ar-pt{justify-content:center;text-align:center}
.d18-ar-chips span{font-size:12px;padding:7px 10px}}

/* ---------- 3) Anillo de tiempo ---------- */
.d18-an-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(56% 46% at 50% 44%,rgba(255,255,255,.26),rgba(255,255,255,0) 70%),radial-gradient(70% 55% at 100% 100%,rgba(255,59,48,.38),rgba(255,59,48,0) 70%),radial-gradient(60% 40% at 0% 0%,rgba(255,220,120,.35),rgba(255,220,120,0) 70%)}
.d18-an-box{display:flex;flex-direction:column;align-items:center;gap:10px}
/* overflow:hidden = el texto circular gira dentro del cuadro del anillo: girado, su caja mide ~1,41 veces el anillo y en
   celulares de 360 px sacaba la página de lado (el texto está dentro del círculo, así que no se corta nada visible) */
.d18-an-dial{position:relative;width:300px;height:auto;aspect-ratio:1/1;max-width:100%;flex:none;overflow:hidden;font-family:var(--d18-fh)}
.d18-an-txt{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;animation:d18anillospin 40s linear infinite}
.d18-an-txt text{font-family:var(--d18-fh);font-size:12.5px;font-weight:800;letter-spacing:1px;fill:#fff}
.d18-an-ring{position:absolute;left:50%;top:50%;width:204px;height:204px;margin:-102px 0 0 -102px}
.d18-an-rot{position:absolute;inset:0}
.d18-an-arc{display:block;width:100%;height:100%;overflow:visible}
.d18-an-arc .d18-an-in{fill:rgba(120,30,0,.16)}
.d18-an-arc .d18-an-tk{fill:none;stroke:rgba(255,255,255,.55);stroke-width:5;stroke-dasharray:.5 9.5}
.d18-an-arc .d18-an-tr{fill:none;stroke:rgba(255,255,255,.24);stroke-width:12}
.d18-an-arc .d18-an-v{fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round}
.d18-an-dot{position:absolute;left:50%;top:4%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#FFB800;border:4px solid #fff;box-shadow:0 4px 12px rgba(120,40,0,.4)}
.d18-an-dot:after{content:"";position:absolute;left:-9px;top:-9px;right:-9px;bottom:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:d18anillopulse 2.2s ease-out infinite}
@keyframes d18anillospin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes d18anillopulse{0%{transform:scale(.55);opacity:.95}80%,100%{transform:scale(1.35);opacity:0}}
.d18-an-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}
.d18-an-q{font:800 12px/1 var(--d18-fb);letter-spacing:2.2px;text-transform:uppercase;opacity:.92}
.d18-an-mid .d18-an-days{display:flex;color:#fff;margin:4px 0 2px}
.d18-an-mid .d18-an-days .d18-u{display:flex;flex-direction:column;align-items:center;gap:0}
/* una sola cifra grande: días → (último día) horas → (última hora) minutos → (último minuto) segundos */
.d18-an-mid .d18-an-days .d18-u.is-zero,.d18-an-mid .d18-an-days .d18-an-uH,.d18-an-mid .d18-an-days .d18-an-um,.d18-an-mid .d18-an-days .d18-an-us{display:none}
.d18-an-mid .d18-an-days.is-last .d18-an-uH,.d18-an-mid.is-min .d18-an-days .d18-an-um,.d18-an-mid.is-sec .d18-an-days .d18-an-us{display:flex}
.d18-an-mid.is-min .d18-an-days .d18-an-uH,.d18-an-mid.is-sec .d18-an-days .d18-an-uH{display:none}
.d18-anillo .d18-an-mid .d18-an-days .d18-u b{font:900 76px/.9 var(--d18-fh);letter-spacing:-.04em;color:#fff;text-shadow:0 6px 18px rgba(120,30,0,.3)}
.d18-an-mid .d18-an-days small{display:block;margin:0;font:800 17px/1.1 var(--d18-fh);letter-spacing:.2px;text-transform:none;color:#fff}
/* el último día las cifras siguen claras (el rojo genérico .d18-clk.is-last no se lee sobre naranja) */
.d18-anillo .d18-an-mid .d18-an-days.is-last .d18-u b{color:#FFF1B8}
.d18-an-mid .d18-clk-exp{display:block;padding:0 24px;font-size:17px;line-height:1.2;color:#fff}
.d18-an-hrs{display:inline-flex;align-items:baseline;gap:4px;margin-top:6px;padding:5px 10px;border-radius:999px;background:rgba(20,18,58,.22);font:700 12.5px/1 var(--d18-fb);color:rgba(255,255,255,.92)}
.d18-an-mid .d18-an-hm{color:#fff;gap:4px}
.d18-anillo .d18-an-mid .d18-an-hm .d18-u b{font-size:13px;color:#fff}
.d18-an-mid .d18-an-hm small{font-size:11px;color:rgba(255,255,255,.85)}
.d18-an-hrs .d18-an-hm.is-over{display:none}
/* «y 00 h 29 min» → «y 29 min»; con 1 día exacto no hay píldora; el último día las horas ya están al centro */
.d18-an-mid.is-h0 .d18-an-hm .d18-u:first-child{display:none}
.d18-an-mid.is-exact .d18-an-hrs,.d18-an-mid .d18-an-days.is-last+.d18-an-hrs{display:none}
.d18-an-box .d18-an-cap{margin:0;font:700 13.5px/1.3 var(--d18-fb);color:#fff;text-align:center}
.d18-an-box .d18-an-cap b{font-weight:800;color:#fff;padding:2px 7px;border-radius:999px;background:rgba(20,18,58,.24)}
.d18-anillo .d18-an-cd{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.d18-anillo .d18-an-cdl{font:800 14px/1 var(--d18-fh);color:var(--d18-ink)}
.d18-anillo .d18-an-pill{padding:8px 13px;background:linear-gradient(135deg,#14123A,#2A2566);box-shadow:0 10px 20px -12px rgba(20,18,58,.6)}
.d18-anillo .d18-an-pill b{font-size:16px}
.d18-anillo .d18-an-pill.is-last .d18-u b{color:#FFB800}
.d18-anillo .d18-an-pill .d18-u+.d18-u{margin-left:3px}
.d18-anillo .d18-an-list .elementor-icon-list-icon i{color:var(--d18-a1)}
.d18-an-box .d18-an-top{margin:0 0 8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);font:800 12.5px/1.2 var(--d18-fb);color:#fff;text-align:center;white-space:nowrap}
.d18-anillo .d18-an-tl{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;margin:0}
.d18-anillo .d18-an-ti{display:inline-block}
.d18-anillo.d18-over .d18-an-q,.d18-anillo.d18-over .d18-an-hrs,.d18-anillo.d18-over .d18-an-cdl,.d18-anillo.d18-over .d18-an-cap{display:none}
@container (max-width:700px){
.d18-anillo .d18-an-top{display:none}
.d18-anillo .d18-an-tl{justify-content:center}
.d18-anillo .d18-an-row{flex-direction:column!important}
.d18-anillo .d18-an-left{width:100%!important}
.d18-anillo .d18-an-right{padding:22px 8px 12px!important}
.d18-anillo .d18-an-right .elementor-heading-title,.d18-anillo .d18-an-right .elementor-widget-text-editor{text-align:center!important}
.d18-anillo .d18-an-right .d18-kick{align-self:center!important}
.d18-anillo .d18-an-right .d18-pricebox{justify-content:center!important}
.d18-anillo .d18-an-list{width:auto!important;max-width:100%;align-self:center!important}
.d18-anillo .d18-an-cd{justify-content:center}
.d18-anillo .d18-an-right .d18-buy .elementor-button{width:100%}}
@container (max-width:420px){
.d18-anillo .d18-an-dial{width:264px}
.d18-anillo .d18-an-ring{width:180px;height:180px;margin:-90px 0 0 -90px}
.d18-anillo .d18-an-mid .d18-an-days .d18-u b{font-size:64px}
.d18-anillo .d18-an-mid .d18-an-days small{font-size:15px}
.d18-anillo .d18-pricebox{gap:8px!important}
.d18-anillo .d18-pdel .elementor-heading-title{font-size:17px!important}
.d18-anillo .d18-pnow .elementor-heading-title{font-size:40px!important}
.d18-anillo .d18-an-h .elementor-heading-title{font-size:21px!important}
.d18-anillo .d18-an-right .d18-buy .elementor-button{padding-left:16px;padding-right:16px}}
@container (max-width:360px){.d18-anillo .d18-an-h .elementor-heading-title{font-size:19.5px!important}}
@container (max-width:300px){
.d18-anillo .d18-an-dial{width:240px}
.d18-anillo .d18-an-ring{width:164px;height:164px;margin:-82px 0 0 -82px}
.d18-anillo .d18-an-mid .d18-an-days .d18-u b{font-size:56px}
.d18-anillo .d18-an-mid .d18-an-days small{font-size:14px}}
@media (prefers-reduced-motion:reduce){.d18-ar-sandT i,.d18-ar-sandB i{transition:none!important}}


/* ===================== Grupo A · 1) Cinta de anuncio con reloj ===================== */
.d18-cinta .d18-cinta-fx{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:linear-gradient(100deg,#FF3B30 0%,#FF5E00 44%,#FF8A00 74%,#FFB300 100%)}
.d18-cinta .d18-cinta-fx:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(140,30,0,.16)}
/* rayas diagonales: una sola capa que avanza un mosaico (28 px) y vuelve a empezar sin salto */
.d18-cinta .d18-cinta-str{position:absolute;top:0;bottom:0;left:-28px;right:0;background-image:linear-gradient(135deg,rgba(255,255,255,.13) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.13) 75%,transparent 75%,transparent);background-size:28px 28px;transform:translateX(0);animation:d18cintastr 1.9s linear infinite}
@keyframes d18cintastr{from{transform:translateX(0)}to{transform:translateX(28px)}}
/* brillo que cruza la cinta de vez en cuando */
.d18-cinta .d18-cinta-swp{position:absolute;inset:0;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.34) 47%,rgba(255,255,255,.06) 55%,transparent 62%);transform:translateX(-100%);animation:d18cintaswp 7s ease-in-out infinite}
@keyframes d18cintaswp{0%{transform:translateX(-100%)}30%,100%{transform:translateX(100%)}}
.d18-cinta .d18-cinta-a{flex:1 1 auto!important;min-width:0;justify-content:flex-start}
.d18-cinta .d18-cinta-b{flex:0 0 auto!important}
.d18-cinta .d18-cinta-chip{position:relative}
.d18-cinta .d18-cinta-chip .elementor-heading-title{white-space:nowrap}
.d18-cinta .d18-cinta-chip:after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid rgba(255,255,255,.85);opacity:0;transform:scale(.92);pointer-events:none;animation:d18cintaring 2.6s ease-out infinite}
@keyframes d18cintaring{0%{opacity:0;transform:scale(.92)}22%{opacity:.9}100%{opacity:0;transform:scale(1.14)}}
.d18-cinta .d18-cinta-info .elementor-heading-title{white-space:nowrap;text-shadow:0 1px 1px rgba(120,20,0,.28)}
.d18-cinta .d18-cinta-nm{font-weight:800}
.d18-cinta .d18-cinta-hl{display:inline-block;padding:4px 10px 5px;margin:0 1px;border-radius:999px;background:#FFE45C;color:#14123A;font-weight:900;letter-spacing:-.01em;text-shadow:none;box-shadow:0 6px 14px -8px rgba(120,20,0,.7)}
.d18-cinta .d18-cinta-old{font-weight:600;opacity:.9}
.d18-cinta .d18-cinta-old s{text-decoration-thickness:2px}
.d18-cinta .d18-cinta-lbl .elementor-heading-title{white-space:nowrap}
.d18-cinta .d18-cinta-clk{color:#fff;gap:6px}
.d18-cinta .d18-cinta-clk b{font-size:16px;color:#fff}
.d18-cinta .d18-cinta-clk small{font-size:12px;font-weight:800;color:#FFB800;margin-left:1px}
.d18-cinta .d18-buy .elementor-button{white-space:nowrap}
.d18-cinta .d18-shine .elementor-button:after{background:linear-gradient(115deg,transparent,rgba(255,184,0,.5),transparent)}
/* Promoción terminada (en tu web el banner se oculta solo; en la galería y el editor se sigue viendo): «Termina en» se
   oculta (.d18-hide-over), el aviso va pequeño en una línea dentro de la cápsula y, si no cabe, el botón baja a otra fila */
.d18-cinta .d18-cinta-pill,.d18-cinta .d18-cinta-clk{min-width:0;max-width:100%}
.d18-cinta .d18-cinta-clk .d18-clk-exp{font:800 14px/1.2 var(--d18-fh);white-space:nowrap;color:#FFB800}
.d18-cinta.d18-over .d18-cinta-b{flex-wrap:wrap!important;row-gap:8px!important}
/* 791–1080 px (el ancho típico encima de un panel de precio): sigue en UNA fila; el texto pasa a 2 líneas */
@container (max-width:1080px){
.d18-cinta .d18-cinta-a{flex:1 1 0%!important}
.d18-cinta .d18-cinta-info{min-width:0}
.d18-cinta .d18-cinta-info .elementor-heading-title{white-space:normal;line-height:1.28!important}
}
/* 621–790 px: dos filas centradas (texto en una línea) */
@container (max-width:790px){
.d18-cinta .d18-cinta-a,.d18-cinta .d18-cinta-b{flex:1 1 100%!important;justify-content:center!important}
.d18-cinta .d18-cinta-info{flex:0 1 auto!important}
.d18-cinta .d18-cinta-info .elementor-heading-title{white-space:nowrap}
}
@container (max-width:620px){
.d18-cinta .d18-cinta-a{justify-content:flex-start!important;gap:10px!important}
.d18-cinta .d18-cinta-b{justify-content:space-between!important;gap:8px!important}
.d18-cinta .d18-cinta-info{flex:1 1 0%!important;min-width:0}
.d18-cinta .d18-cinta-info .elementor-heading-title{white-space:normal;font-size:13.5px!important;line-height:1.4!important}
.d18-cinta .d18-cinta-hl{padding:3px 8px 4px}
.d18-cinta .d18-cinta-chip .elementor-heading-title{font-size:11.5px!important}
.d18-cinta .d18-cinta-chip>.elementor-widget-container{padding:7px 10px!important}
.d18-cinta .d18-cinta-pill{padding:8px 12px!important;gap:6px!important}
.d18-cinta .d18-cinta-lbl .elementor-heading-title{font-size:12px!important}
.d18-cinta .d18-cinta-clk{gap:4px}
.d18-cinta .d18-cinta-clk b{font-size:14.5px}
.d18-cinta .d18-cinta-clk .d18-clk-exp{font-size:13px}
.d18-cinta .d18-buy .elementor-button{padding:11px 16px!important;font-size:14px!important}
}
@container (max-width:380px){
.d18-cinta .d18-cinta-pill{padding:7px 10px!important;gap:5px!important}
.d18-cinta .d18-cinta-lbl .elementor-heading-title{font-size:11.5px!important}
.d18-cinta .d18-cinta-clk{gap:3px}
.d18-cinta .d18-cinta-clk b{font-size:14px}
.d18-cinta .d18-cinta-clk small{font-size:11px}
.d18-cinta .d18-buy .elementor-button{padding:10px 13px!important;font-size:13.5px!important}
}
@container (max-width:330px){
.d18-cinta .d18-cinta-p1,.d18-cinta .d18-cinta-tl{display:none}
}
@container (max-width:260px){
.d18-cinta .d18-cinta-clk .d18-clk-exp{white-space:normal;text-align:center}
.d18-cinta .d18-cinta-info .d18-nw{white-space:normal}
}

/* ===================== Grupo A · 2) Aviso mini encima del botón ===================== */
/* anillo de luz que late alrededor: pseudo-elemento del tamaño de la tarjeta con el anillo y el resplandor como sombra
   (la sombra no ocupa espacio: aunque pegues el aviso de borde a borde en el celular no aparece scroll lateral).
   Solo se anima la opacidad. */
.d18-aviso:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 4px rgba(255,94,0,.2),0 0 22px 3px rgba(255,94,0,.34);opacity:.2;pointer-events:none;animation:d18avisoglow 3.4s ease-in-out infinite}
@keyframes d18avisoglow{0%,100%{opacity:.2}50%{opacity:1}}
.d18-aviso .d18-aviso-txt{flex:1 1 200px!important;min-width:0}
.d18-aviso .d18-aviso-c{flex:0 0 auto!important}
.d18-aviso .d18-aviso-lbl .elementor-heading-title{white-space:nowrap}
.d18-aviso .d18-aviso-lbl .elementor-heading-title:before{content:"";display:inline-block;width:7px;height:7px;margin:0 6px 1px 0;border-radius:50%;background:#FF3B30;box-shadow:0 0 0 3px rgba(255,59,48,.16)}
.d18-aviso .d18-aviso-s b{color:#14123A;font-weight:800}
/* reloj de arena */
.d18-aviso .d18-aviso-hg{position:relative;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#FF3B30,#FF5E00 55%,#FFB800);box-shadow:0 12px 22px -10px rgba(255,94,0,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.d18-aviso .d18-aviso-hgr{position:absolute;left:13px;top:9px;width:28px;height:36px;transform:rotate(0);animation:d18avisoflip 7s cubic-bezier(.65,0,.35,1) infinite}
.d18-aviso .d18-aviso-hgr svg{position:absolute;left:0;top:0;width:28px;height:36px;display:block;overflow:visible}
.d18-aviso .d18-aviso-st,.d18-aviso .d18-aviso-sb,.d18-aviso .d18-aviso-sf{position:absolute;display:block;background:linear-gradient(180deg,#FFF7DC,#FFE08A)}
/* Ciclo de 7 s: la arena de arriba baja al cuello y se forma el montón de abajo (0–76 %), el reloj se da media vuelta
   (80–92 %) y el montón lleno queda arriba: es IGUAL al fotograma 0 % (el montón es el espejo de la arena de arriba),
   así el ciclo vuelve a empezar sin salto. Quieto (pausa/reposo) se ve un reloj de arena normal. */
.d18-aviso .d18-aviso-st{left:7.8px;top:6.2px;width:12.4px;height:11.6px;clip-path:polygon(0 0,100% 0,95% 24%,82% 52%,60% 88%,50% 100%,40% 88%,18% 52%,5% 24%);transform-origin:50% 100%;transform:scale(1);animation:d18avisotop 7s linear infinite}
.d18-aviso .d18-aviso-sb{left:7.8px;top:18.2px;width:12.4px;height:11.6px;clip-path:polygon(0 100%,100% 100%,95% 76%,82% 48%,60% 12%,50% 0,40% 12%,18% 48%,5% 76%);transform-origin:50% 100%;transform:scale(0);animation:d18avisobot 7s linear infinite}
.d18-aviso .d18-aviso-sf{left:26.25px;top:27.5px;width:1.5px;height:8px;border-radius:1px;opacity:0;animation:d18avisosf 7s linear infinite}
@keyframes d18avisoflip{0%,80%{transform:rotate(0)}92%,100%{transform:rotate(180deg)}}
@keyframes d18avisotop{0%{transform:scale(1)}76%,100%{transform:scale(0)}}
@keyframes d18avisobot{0%{transform:scale(0)}76%,100%{transform:scale(1)}}
@keyframes d18avisosf{0%,3%{opacity:0}7%,70%{opacity:1}76%,100%{opacity:0}}
/* reloj compacto en fichas oscuras */
.d18-aviso .d18-aviso-clk{gap:4px}
.d18-aviso .d18-aviso-clk .d18-u{padding:7px 7px 6px;border-radius:10px;background:#14123A;box-shadow:0 8px 16px -10px rgba(20,18,58,.8)}
.d18-aviso .d18-aviso-clk b{font-size:16px;line-height:1;color:#fff}
.d18-aviso .d18-aviso-clk small{font-size:11px;font-weight:800;color:#FFB800;margin-left:1px}
/* promoción terminada: sin «Termina en» (.d18-hide-over) y el aviso en rojo, centrado */
.d18-aviso .d18-aviso-clk .d18-clk-exp{font-size:16px;white-space:nowrap}
@container (max-width:500px){
.d18-aviso .d18-aviso-c{flex:1 1 100%!important;flex-direction:row!important;justify-content:space-between!important;padding-top:10px!important;border-top:1px dashed rgba(255,94,0,.3)}
.d18-aviso.d18-over .d18-aviso-c{justify-content:center!important}
}
@container (max-width:260px){
.d18-aviso .d18-aviso-clk .d18-clk-exp{white-space:normal;text-align:center}
}
@container (max-width:340px){
.d18-aviso .d18-aviso-clk .d18-u{padding:6px 5px 5px}
.d18-aviso .d18-aviso-clk b{font-size:14.5px}
}

/* ===================== Grupo A · 3) Precio que cae ===================== */
.d18-caida .d18-caida-l{flex:1 1 320px!important;min-width:0}
.d18-caida .d18-caida-r{flex:0 0 280px!important;min-width:0;padding:6px 6px 6px 2px}
.d18-caida .d18-caida-pc{flex:1 1 auto!important;min-width:0}
.d18-caida .d18-caida-k{max-width:100%}
.d18-caida .d18-caida-bg{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 84% 50%,rgba(255,184,0,.36),transparent 42%),radial-gradient(circle at 6% 112%,rgba(255,94,0,.16),transparent 52%)}
/* precios */
.d18-caida .d18-caida-o .elementor-heading-title{white-space:nowrap}
/* flechita que baja y sube (señala que el precio cayó) */
.d18-caida .d18-caida-dn{position:relative;display:inline-block;width:26px;height:26px;margin-left:10px;vertical-align:-.1em;border-radius:50%;background:linear-gradient(135deg,#FF3B30,#FF5E00);box-shadow:0 6px 12px -6px rgba(255,59,48,.8);transform:translateY(0);animation:d18caidabob 1.8s ease-in-out infinite}
.d18-caida .d18-caida-dn:before{content:"";position:absolute;left:7px;top:6px;width:12px;height:14px;background:#fff;clip-path:polygon(34% 0,66% 0,66% 48%,100% 48%,50% 100%,0 48%,34% 48%)}
@keyframes d18caidabob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.d18-caida .d18-caida-antes{display:inline-block;margin-right:4px;font:800 12px/1 var(--d18-fb);letter-spacing:.9px;text-transform:uppercase;color:#555A7A;vertical-align:.45em}
.d18-caida .d18-caida-old{position:relative;display:inline-block}
.d18-caida .d18-caida-x{position:absolute;left:-7%;right:-7%;top:54%;height:3px;margin-top:-1.5px;border-radius:3px;background:linear-gradient(90deg,#FF3B30,#FF5E00);transform-origin:0 50%;transform:rotate(-10deg)}
.d18-caida .d18-caida-pw .elementor-heading-title{white-space:nowrap}
.d18-caida .d18-caida-now{display:inline-block;transform-origin:50% 100%}
/* sello «Ahorras $10»: la estrella gira despacio, el texto queda quieto */
.d18-caida .d18-caida-sw{flex:0 0 auto!important}
.d18-caida .d18-caida-star{position:relative;width:108px;height:108px;display:flex;align-items:center;justify-content:center}
.d18-caida .d18-caida-burst{position:absolute;inset:0;background:radial-gradient(circle at 34% 30%,#FFC93C,#FF7A00 48%,#FF3B30 100%);clip-path:polygon(50.0% 0.0%,59.1% 10.0%,71.7% 5.0%,75.6% 17.9%,89.1% 18.8%,86.9% 32.2%,98.7% 38.9%,91.0% 50.0%,98.7% 61.1%,86.9% 67.8%,89.1% 81.2%,75.6% 82.1%,71.7% 95.0%,59.1% 90.0%,50.0% 100.0%,40.9% 90.0%,28.3% 95.0%,24.4% 82.1%,10.9% 81.2%,13.1% 67.8%,1.3% 61.1%,9.0% 50.0%,1.3% 38.9%,13.1% 32.2%,10.9% 18.8%,24.4% 17.9%,28.3% 5.0%,40.9% 10.0%);transform:rotate(0);animation:d18caidaspin 22s linear infinite}
.d18-caida .d18-caida-ring{position:absolute;inset:15px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.75);transform:rotate(0);animation:d18caidaspin2 30s linear infinite}
@keyframes d18caidaspin{to{transform:rotate(360deg)}}
@keyframes d18caidaspin2{to{transform:rotate(-360deg)}}
.d18-caida .d18-caida-st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-family:var(--d18-fh);line-height:1;text-align:center;transform:rotate(-9deg);text-shadow:0 1px 2px rgba(140,30,0,.35)}
.d18-caida .d18-caida-st small{font:800 9.5px/1 var(--d18-fb);letter-spacing:.9px}
.d18-caida .d18-caida-st b{font-size:27px;font-weight:900;letter-spacing:-.02em}
.d18-caida .d18-caida-st em{font-style:normal;font:800 11px/1 var(--d18-fh);padding:3px 6px;border-radius:999px;background:rgba(20,18,58,.85);text-shadow:none}
/* reloj pequeño (fichas oscuras) */
.d18-caida .d18-caida-clk{gap:3px}
.d18-caida .d18-caida-clk .d18-u{min-width:52px;padding:9px 3px 7px;border-radius:12px}
.d18-caida .d18-caida-clk .d18-u:after{top:calc(50% - 7px)}
.d18-caida .d18-caida-clk .d18-u b{font-size:23px}
.d18-caida .d18-caida-clk small{font-size:9px;margin-top:5px;letter-spacing:.6px}
.d18-caida .d18-caida-clk .d18-sep{font-size:16px}
/* promoción terminada: sin «La promo termina en» (.d18-hide-over) y el aviso rojo en una placa clara, legible en blanco */
.d18-caida .d18-caida-clk .d18-clk-exp{display:block;width:100%;padding:11px 12px;border-radius:14px;background:#FFF1EE;border:1px dashed rgba(255,59,48,.4);font-size:17px;color:#D42419;text-align:center}
.d18-caida .d18-caida-date b{color:#14123A;font-weight:800}
.d18-caida .d18-buy .elementor-button{white-space:nowrap}
@container (max-width:720px){
.d18-caida .d18-caida-l,.d18-caida .d18-caida-r{flex:1 1 100%!important}
.d18-caida .d18-caida-r{padding:2px 4px 4px}
}
/* 561–720 px: debajo del precio, reloj a la izquierda y botón a la derecha (más bajo que apilar todo) */
@container (min-width:561px) and (max-width:720px){
.d18-caida .d18-caida-r{flex-direction:row!important;align-items:center!important;gap:18px!important;padding:4px 10px 6px}
.d18-caida .d18-caida-rt{flex:1 1 auto!important;min-width:0}
.d18-caida .d18-caida-r>.elementor-widget-button{flex:0 0 auto!important;width:auto!important;max-width:52%}
}
@container (max-width:440px){
.d18-caida .d18-caida-pw .elementor-heading-title{font-size:48px!important}
.d18-caida .d18-caida-o .elementor-heading-title{font-size:21px!important}
.d18-caida .d18-caida-star{width:88px;height:88px}
.d18-caida .d18-caida-ring{inset:12px}
.d18-caida .d18-caida-st b{font-size:22px}
.d18-caida .d18-caida-st small{font-size:8.5px}
}
@container (max-width:360px){
.d18-caida .d18-caida-pw .elementor-heading-title{font-size:42px!important}
.d18-caida .d18-caida-star{width:78px;height:78px}
.d18-caida .d18-caida-st b{font-size:20px}
.d18-caida .d18-caida-k .elementor-heading-title{font-size:11px!important}
}
/* muy angosto (celular de 320 px): todo un poco más compacto para que el sello no pise los precios; si la etiqueta
   aun así no cabe, «· 7 días» baja entero a una 2.ª línea (etiqueta con esquinas, no píldora) */
@container (max-width:310px){
.d18-caida .d18-caida-l{gap:8px!important}
.d18-caida .d18-caida-k .elementor-heading-title{display:block;font-size:10.5px!important;line-height:1.3!important;letter-spacing:.2px!important}
.d18-caida .d18-caida-k>.elementor-widget-container{padding:6px 9px!important;border-radius:12px!important}
.d18-caida .d18-caida-o .elementor-heading-title{font-size:19px!important}
.d18-caida .d18-caida-antes{font-size:11px;letter-spacing:.6px}
.d18-caida .d18-caida-dn{margin-left:6px}
.d18-caida .d18-caida-pw .elementor-heading-title{font-size:39px!important}
.d18-caida .d18-caida-star{width:70px;height:70px}
.d18-caida .d18-caida-ring{inset:10px}
.d18-caida .d18-caida-st b{font-size:18px}
.d18-caida .d18-caida-st small{font-size:7.5px;letter-spacing:.6px}
.d18-caida .d18-caida-st em{font-size:10px;padding:2px 5px}
}


/* ===== Diseño 18 · Grupo C «Informativos» ===== */
/* ---------- 1 · Todo lo que te llevas ---------- */
.d18-incluye .d18-inc-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(420px 240px at 8% 0,rgba(255,184,0,.2),transparent 70%),radial-gradient(420px 260px at 100% 12%,rgba(255,94,0,.12),transparent 70%),radial-gradient(460px 220px at 50% 104%,rgba(58,41,242,.07),transparent 70%)}
.d18-incluye .d18-inc-bg:before{content:"";position:absolute;left:30%;right:30%;top:0;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#FF5E00,#FFB800 50%,#FF3B30)}
.d18-incluye .d18-inc-h .d18-usd{font-size:.42em;vertical-align:.9em}
.d18-incluye .d18-inc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;font-family:var(--d18-fb)}
.d18-incluye .d18-inc-t{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:16px 15px 15px;border-radius:20px;background:#fff;border:1px solid rgba(255,94,0,.14);box-shadow:0 16px 30px -22px rgba(120,50,10,.45)}
.d18-incluye .d18-inc-t>:not(.d18-inc-hl){position:relative;z-index:1}
.d18-incluye .d18-inc-e{display:grid;place-items:center;width:44px;height:44px;margin-bottom:5px;border-radius:14px;background:linear-gradient(135deg,#FFF1E4,#FFE1C8);font-size:22px;line-height:1}
.d18-incluye .d18-inc-t b{display:block;font:900 25px/1 var(--d18-fh);letter-spacing:-.02em;background:linear-gradient(90deg,#FF5E00,#FF8A00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;white-space:nowrap}
.d18-incluye .d18-inc-t small{display:block;font:650 13.5px/1.35 var(--d18-fb);color:var(--d18-ink);text-wrap:balance}
.d18-incluye .d18-inc-h .elementor-heading-title{text-wrap:balance}
/* Marca «incluido» (borde naranja + ✓): VISIBLE por defecto (sin JS ya se ve todo marcado). El JS solo la hace aparecer
   una vez, recuadro por recuadro, cuando el banner entra en pantalla. Va ENCIMA del contenido (tinte muy suave, sin clics):
   así el emoji y los textos no necesitan capa propia de GPU. */
.d18-incluye .d18-inc-hl{position:absolute;inset:-1px;z-index:2;border-radius:inherit;border:2px solid #FF5E00;background:linear-gradient(160deg,rgba(255,94,0,.06),rgba(255,184,0,.14));box-shadow:inset 0 -14px 22px -16px rgba(255,94,0,.45);pointer-events:none}
.d18-incluye .d18-inc-hl em{position:absolute;top:10px;right:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#FF5E00,#FFB800);box-shadow:0 6px 12px -4px rgba(255,94,0,.6);font:900 12px/1 var(--d18-fh);font-style:normal;color:#fff}
/* Panel oscuro */
.d18-incluye .d18-inc-pbg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(320px 180px at 100% 100%,rgba(255,94,0,.38),transparent 70%),radial-gradient(300px 170px at 0 0,rgba(58,41,242,.45),transparent 70%)}
.d18-incluye .d18-inc-panel{overflow:hidden}
.d18-incluye .d18-inc-price .elementor-heading-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.d18-incluye .d18-inc-price small{display:block;margin-bottom:8px;font:800 11.5px/1.2 var(--d18-fb);letter-spacing:.9px;text-transform:uppercase;color:rgba(255,255,255,.62);white-space:nowrap}
.d18-incluye .d18-inc-v{display:flex;flex-direction:column;align-items:flex-start;font-size:26px;font-weight:700;color:rgba(255,255,255,.8)}
.d18-incluye .d18-inc-arr{display:grid;place-items:center;align-self:flex-end;width:34px;height:34px;margin-bottom:6px;border-radius:50%;background:rgba(255,184,0,.14);border:1px solid rgba(255,184,0,.3);font-size:17px;color:#FFB800}
.d18-incluye .d18-inc-now{display:flex;flex-direction:column;align-items:flex-start}
.d18-incluye .d18-inc-big{display:block;font-size:48px;font-weight:900;letter-spacing:-.03em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.d18-incluye .d18-inc-big .d18-usd{color:#fff}
.d18-incluye .d18-inc-cl{display:block;margin-bottom:10px;text-align:center;font:800 11.5px/1.2 var(--d18-fb);letter-spacing:.9px;text-transform:uppercase;color:#FFB800}
.d18-incluye .d18-inc-ck{gap:6px}
.d18-incluye .d18-inc-ck .d18-u{min-width:58px;padding:9px 4px 8px;border-radius:14px}
.d18-incluye .d18-inc-ck .d18-u b{font-size:26px}
.d18-incluye .d18-inc-ck .d18-sep{font-size:18px}
@container (max-width:840px){
 .d18-incluye .d18-inc-row{flex-direction:column!important;align-items:center!important}
 .d18-incluye .d18-inc-price{width:100%}
 .d18-incluye .d18-inc-price .elementor-heading-title{justify-content:center}
 .d18-incluye .d18-inc-v,.d18-incluye .d18-inc-now{align-items:center}
}
/* 2 columnas: recuadros compactos (emoji al lado del número) para que el banner no quede altísimo */
@container (max-width:640px){
 .d18-incluye .d18-inc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .d18-incluye .d18-inc-h .elementor-heading-title{font-size:30px!important}
 .d18-incluye .d18-inc-t{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:start;gap:8px 10px;padding:13px 14px;border-radius:18px}
 .d18-incluye .d18-inc-e{width:38px;height:38px;margin:0;border-radius:12px;font-size:19px}
 .d18-incluye .d18-inc-t b{font-size:23px}
 .d18-incluye .d18-inc-t small{grid-column:1/-1;font-size:13px}
 .d18-incluye .d18-inc-hl em{top:8px;right:8px;width:20px;height:20px;font-size:11px}
}
@container (max-width:480px){
 .d18-incluye .d18-inc-body{padding:26px 16px 18px!important}
 .d18-incluye .d18-inc-h .elementor-heading-title{font-size:27px!important}
 .d18-incluye .d18-inc-sub .elementor-widget-container,.d18-incluye .d18-inc-sub p{font-size:15px!important}
 .d18-incluye .d18-inc-sep{display:block;height:2px;overflow:hidden;color:transparent}
 .d18-incluye .d18-inc-t{gap:8px 9px;padding:12px 11px 12px;border-radius:17px}
 .d18-incluye .d18-inc-e{width:34px;height:34px;border-radius:11px;font-size:17px}
 .d18-incluye .d18-inc-t b{font-size:21px}
 .d18-incluye .d18-inc-t small{font-size:12.5px}
 .d18-incluye .d18-inc-panel{padding:18px 14px!important}
 .d18-incluye .d18-inc-price .elementor-heading-title{flex-direction:column;gap:6px}
 .d18-incluye .d18-inc-arr{align-self:center;margin:0;transform:rotate(90deg)}
 .d18-incluye .d18-inc-v{font-size:22px}
 .d18-incluye .d18-inc-big{font-size:44px}
 .d18-incluye .d18-inc-ck .d18-u{min-width:52px;padding:8px 3px 7px;border-radius:12px}
 .d18-incluye .d18-inc-ck .d18-u b{font-size:23px}
 .d18-incluye .d18-inc-ck .d18-sep{font-size:15px}
}
@container (max-width:340px){
 .d18-incluye .d18-inc-grid{gap:9px 8px}
 .d18-incluye .d18-inc-t{gap:7px;padding:11px 9px}
 .d18-incluye .d18-inc-e{width:30px;height:30px;font-size:15px}
 .d18-incluye .d18-inc-t b{font-size:18px}
 .d18-incluye .d18-inc-ck .d18-u{min-width:47px}
 .d18-incluye .d18-inc-ck .d18-sep{display:none}
}
@keyframes d18incluyeP0{0%,4%{transform:scale(1)}6%{transform:scale(1.28)}9%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(1) .d18-inc-hl em{animation:d18incluyeP0 9s ease-in-out infinite}
@keyframes d18incluyeP1{0%,9%{transform:scale(1)}11%{transform:scale(1.28)}14%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(2) .d18-inc-hl em{animation:d18incluyeP1 9s ease-in-out infinite}
@keyframes d18incluyeP2{0%,14%{transform:scale(1)}16%{transform:scale(1.28)}19%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(3) .d18-inc-hl em{animation:d18incluyeP2 9s ease-in-out infinite}
@keyframes d18incluyeP3{0%,19%{transform:scale(1)}21%{transform:scale(1.28)}24%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(4) .d18-inc-hl em{animation:d18incluyeP3 9s ease-in-out infinite}
@keyframes d18incluyeP4{0%,24%{transform:scale(1)}26%{transform:scale(1.28)}29%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(5) .d18-inc-hl em{animation:d18incluyeP4 9s ease-in-out infinite}
@keyframes d18incluyeP5{0%,29%{transform:scale(1)}31%{transform:scale(1.28)}34%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(6) .d18-inc-hl em{animation:d18incluyeP5 9s ease-in-out infinite}
@keyframes d18incluyeP6{0%,34%{transform:scale(1)}36%{transform:scale(1.28)}39%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(7) .d18-inc-hl em{animation:d18incluyeP6 9s ease-in-out infinite}
@keyframes d18incluyeP7{0%,39%{transform:scale(1)}41%{transform:scale(1.28)}44%,100%{transform:scale(1)}}
.d18-incluye .d18-inc-t:nth-child(8) .d18-inc-hl em{animation:d18incluyeP7 9s ease-in-out infinite}

/* ---------- 2 · Llega a tu Gmail por Google Drive ---------- */
.d18-drive .d18-drv-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(440px 300px at 82% 50%,rgba(255,94,0,.13),transparent 70%),radial-gradient(360px 240px at 0 0,rgba(58,41,242,.1),transparent 70%)}
.d18-drive .d18-drv-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(58,41,242,.13) 1.1px,transparent 1.6px) 0 0/18px 18px;-webkit-mask:linear-gradient(90deg,#000,transparent 55%);mask:linear-gradient(90deg,#000,transparent 55%)}
.d18-drive .d18-drv-body{flex-direction:row!important;flex-wrap:nowrap!important}
.d18-drive .d18-drv-l{flex:1 1 0!important;width:auto!important;min-width:0}
/* La columna de la maqueta es un bloque (no flex): Chrome guardaba la altura de la fila y dejaba un hueco al apilar */
.d18-drive .d18-drv-r{display:block!important;flex:0 0 52%!important;width:52%!important;max-width:52%;min-width:0}
.d18-drive .d18-drv-p p:last-child,.d18-incluye .d18-inc-sub p:last-child{margin-bottom:0!important}
.d18-drive .d18-drv-h .elementor-heading-title{text-wrap:balance}
.d18-drive .d18-drv-p p{text-wrap:pretty}
/* Ventajas: 2 × 2 fichas iguales junto a la maqueta; en fila centrada cuando se apila */
.d18-drive .d18-drv-perks .elementor-icon-list-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0!important;padding:0}
.d18-drive .d18-drv-perks .elementor-icon-list-item{display:flex;align-items:center;min-width:0;margin:0!important;padding:8px 12px 8px 10px!important;border-radius:999px;background:#fff;border:1px solid rgba(58,41,242,.12);box-shadow:0 10px 20px -16px rgba(20,18,58,.5);white-space:nowrap}
.d18-drive .d18-drv-perks .elementor-icon-list-item:after{display:none!important}
.d18-drive .d18-drv-clk{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 14px;border-radius:16px;background:#fff;border:1px dashed rgba(255,94,0,.4);font-family:var(--d18-fb)}
.d18-drive .d18-drv-cl{display:inline-flex;align-items:center;gap:6px;font:700 14px/1.2 var(--d18-fb);color:var(--d18-muted)}
.d18-drive .d18-drv-cl i{font-style:normal}
.d18-drive .d18-drv-ck{font-size:17px;gap:6px}
.d18-drive .d18-drv-ck b{color:var(--d18-a3);font-weight:900}
.d18-drive .d18-drv-ck small{color:var(--d18-ink);font-weight:800}
/* Maqueta */
.d18-drive .d18-drv-m{container:d18drvm/inline-size;position:relative;padding:14px;border-radius:24px;background:linear-gradient(160deg,#ECEEFF,#FFF0E2);border:1px solid rgba(58,41,242,.1);font-family:var(--d18-fb);color:#1F1F1F;text-align:left}
.d18-drive .d18-drv-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}
.d18-drive .d18-drv-n{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:11px;padding:12px 26px 12px 12px;border-radius:18px;background:#fff;border:1px solid rgba(20,18,58,.06);box-shadow:0 18px 32px -20px rgba(20,18,58,.5)}
.d18-drive .d18-drv-gm{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#F3F6FC}
.d18-drive .d18-drv-gm svg{width:24px;height:18px}
.d18-drive .d18-drv-nt{min-width:0;display:flex;flex-direction:column;gap:3px}
.d18-drive .d18-drv-nt small{font:600 11.5px/1.2 var(--d18-fb);color:#5F6368}
.d18-drive .d18-drv-nt b{font:700 13.5px/1.3 var(--d18-fb);color:#1F1F1F}
.d18-drive .d18-drv-dot{position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:50%;background:#FF5E00}
.d18-drive .d18-drv-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#FF5E00;opacity:.5;animation:d18drivePing 2.4s ease-out infinite}
@keyframes d18drivePing{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(2.8);opacity:0}}
.d18-drive .d18-drv-slot{position:relative;flex:0 0 96px;height:88px}
.d18-drive .d18-drv-pin{position:absolute;left:50%;top:0;z-index:2;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#A3A8C3 55%,#5C6180);box-shadow:0 2px 4px rgba(20,18,58,.35)}
.d18-drive .d18-drv-tag{position:absolute;left:50%;top:6px;width:90px;margin-left:-45px;transform-origin:50% 0;transform:rotate(-6deg);animation:d18driveSw 3.4s ease-in-out infinite}
@keyframes d18driveSw{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.d18-drive .d18-drv-str{position:relative;z-index:1;display:block;width:2px;height:25px;margin:0 auto -10px;border-radius:2px;background:linear-gradient(#5C6180,#8A8FAD)}
.d18-drive .d18-drv-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:15px 6px 9px;border-radius:14px;background:linear-gradient(135deg,#FF5E00,#FFA000);box-shadow:0 14px 24px -12px rgba(255,94,0,.75),inset 0 0 0 1.5px rgba(255,255,255,.35);color:#fff;text-align:center}
.d18-drive .d18-drv-hole{position:absolute;top:6px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#FFF1E4;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.d18-drive .d18-drv-card b{display:block;font:900 19px/1 var(--d18-fh);letter-spacing:-.02em;white-space:nowrap}
.d18-drive .d18-drv-card b small{margin-left:2px;font-size:10px;font-weight:800;letter-spacing:.04em;vertical-align:.5em}
.d18-drive .d18-drv-card span{font:800 10px/1 var(--d18-fb);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.d18-drive .d18-drv-win{border-radius:18px;background:#fff;border:1px solid rgba(20,18,58,.07);box-shadow:0 24px 40px -26px rgba(20,18,58,.5);overflow:hidden}
.d18-drive .d18-drv-bar{display:flex;align-items:center;gap:8px;min-width:0;height:44px;padding:0 14px;border-bottom:1px solid #EEF0F3;background:#F8FAFD;font:500 13px/1.2 var(--d18-fb);white-space:nowrap}
.d18-drive .d18-drv-bar svg{flex:0 0 22px;width:22px;height:20px}
.d18-drive .d18-drv-bar span{flex:0 0 auto;color:#747775}
.d18-drive .d18-drv-bar b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#1F1F1F}
.d18-drive .d18-drv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px}
.d18-drive .d18-drv-f{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 8px;border-radius:12px;background:#F0F4F9}
.d18-drive .d18-drv-f svg{flex:0 0 24px;width:24px;height:21px}
.d18-drive .d18-drv-f span{min-width:0;display:flex;flex-direction:column;gap:3px}
.d18-drive .d18-drv-f b{font:700 12.5px/1.25 var(--d18-fb);letter-spacing:-.1px;color:#1F1F1F}
.d18-drive .d18-drv-no{font-style:normal}
.d18-drive .d18-drv-f small{font:600 11px/1.2 var(--d18-fb);color:#5F6368}
@container d18drvm (max-width:360px){
 .d18-drive .d18-drv-m{padding:11px}
 .d18-drive .d18-drv-bar span{display:none}
 .d18-drive .d18-drv-slot{flex-basis:86px}
 .d18-drive .d18-drv-tag{width:82px;margin-left:-41px}
 .d18-drive .d18-drv-card b{font-size:17px}
 .d18-drive .d18-drv-n{gap:9px;padding:10px 22px 10px 10px}
 .d18-drive .d18-drv-gm{flex-basis:34px;height:34px;border-radius:11px}
 .d18-drive .d18-drv-nt b{font-size:12.5px}
 .d18-drive .d18-drv-grid{gap:6px;padding:9px}
 .d18-drive .d18-drv-f{gap:7px;padding:8px}
 .d18-drive .d18-drv-f svg{flex-basis:22px;width:22px;height:19px}
 .d18-drive .d18-drv-f b{font-size:11.5px}
 .d18-drive .d18-drv-f small{font-size:10.5px}
}
/* Maqueta muy angosta (teléfono de 360 px o columna chica): sin el número «01 ·» (no cabría pegado al nombre) */
@container d18drvm (max-width:292px){
 .d18-drive .d18-drv-no{display:none}
 .d18-drive .d18-drv-f{gap:6px;padding:8px 7px}
 .d18-drive .d18-drv-f b{font-size:11px}
}
@container d18drvm (min-width:520px){
 .d18-drive .d18-drv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container (max-width:820px){
 .d18-drive .d18-drv-body{flex-direction:column!important;align-items:stretch!important}
 .d18-drive .d18-drv-l,.d18-drive .d18-drv-r{flex:1 1 auto!important;width:100%!important;max-width:100%}
 .d18-drive .d18-drv-m{max-width:640px;margin:0 auto}
 .d18-drive .d18-drv-l{align-items:center!important}
 .d18-drive .d18-drv-l .d18-kick{align-self:center!important}
 .d18-drive .d18-drv-h,.d18-drive .d18-drv-h .elementor-heading-title,.d18-drive .d18-drv-p,.d18-drive .d18-drv-p p{text-align:center!important}
 .d18-drive .d18-drv-perks .elementor-icon-list-items{display:flex;flex-wrap:wrap;justify-content:center}
 .d18-drive .d18-drv-p{max-width:620px;margin-left:auto;margin-right:auto}
 .d18-drive .d18-drv-clkw{align-self:center}
 .d18-drive .d18-drv-clk{justify-content:center}
}
@container (max-width:480px){
 .d18-drive .d18-drv-body{padding:26px 14px 16px!important}
 .d18-drive .d18-drv-h .elementor-heading-title{font-size:26px!important}
 .d18-drive .d18-drv-p p,.d18-drive .d18-drv-p .elementor-widget-container{font-size:15px!important}
 .d18-drive .d18-drv-perks .elementor-icon-list-item{padding:7px 10px 7px 9px!important}
 .d18-drive .d18-drv-perks .elementor-icon-list-text{font-size:12.5px!important}
 .d18-drive .d18-drv-clk{padding:9px 12px}
 .d18-drive .d18-drv-cl{font-size:13px}
 .d18-drive .d18-drv-ck{font-size:16px}
}
/* ---------- 3 · Pagos y entrega ---------- */
.d18-pagos .d18-pg-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(380px 220px at 0 0,rgba(255,255,255,.24),transparent 70%),radial-gradient(460px 260px at 100% 100%,rgba(255,40,40,.32),transparent 70%)}
.d18-pagos .d18-pg-bg:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 14px,transparent 14px 30px);-webkit-mask:linear-gradient(180deg,#000,transparent 70%);mask:linear-gradient(180deg,#000,transparent 70%)}
.d18-pagos .d18-pg-row{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 -10px;padding:6px 10px 14px;font-family:var(--d18-fh)}
.d18-pagos .d18-pg-p{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 18px;border-radius:999px;background:linear-gradient(180deg,#FFFFFF,#FFF3E8);box-shadow:0 14px 24px -14px rgba(120,20,0,.75),inset 0 -2px 0 rgba(255,94,0,.14);font:800 14.5px/1 var(--d18-fh);color:var(--d18-ink);white-space:nowrap}
.d18-pagos .d18-pg-p i{font-style:normal}
.d18-pagos .d18-pg-pp{display:inline-flex;font:italic 900 19px/1 Verdana,Arial,sans-serif;letter-spacing:-.8px}
.d18-pagos .d18-pg-pp i{color:#003087}.d18-pagos .d18-pg-pp i+i{color:#009CDE}
.d18-pagos .d18-pg-cards{position:relative;display:inline-block;width:34px;height:24px}
.d18-pagos .d18-pg-cards i{position:absolute;left:0;top:0;width:26px;height:18px;border-radius:4px;background:linear-gradient(135deg,#1A1F71,#2E57D6);box-shadow:0 4px 8px -4px rgba(0,0,0,.6)}
.d18-pagos .d18-pg-cards i:before{content:"";position:absolute;left:4px;top:5px;width:6px;height:5px;border-radius:1.5px;background:#E8C66A}
.d18-pagos .d18-pg-cards i+i{left:9px;top:6px;background:linear-gradient(135deg,#2B2B2B,#555)}
.d18-pagos .d18-pg-cards i+i:before{left:auto;top:auto;right:8px;bottom:4px;width:7px;height:7px;border-radius:50%;background:#EB001B;box-shadow:4px 0 0 rgba(247,158,27,.95)}
.d18-pagos .d18-pg-bn{position:relative;display:inline-block;width:17px;height:17px;margin:0 3px;border-radius:3px;background:#F0B90B;transform:rotate(45deg)}
.d18-pagos .d18-pg-bn i{position:absolute;inset:5px;border-radius:1px;background:#fff}
.d18-pagos .d18-pg-bank{font-size:18px;line-height:1}
.d18-pagos .d18-pg-flags{display:inline-flex;gap:4px;margin-left:2px}
.d18-pagos .d18-pg-flags i{display:inline-block;width:19px;height:13px;border-radius:2.5px;box-shadow:0 0 0 1px rgba(0,0,0,.14)}
.d18-pagos .d18-pg-flags .mx{background:linear-gradient(90deg,#006847 33.3%,#fff 33.3% 66.6%,#CE1126 66.6%)}
.d18-pagos .d18-pg-flags .co{background:linear-gradient(180deg,#FCD116 50%,#003893 50% 75%,#CE1126 75%)}
.d18-pagos .d18-pg-flags .cl{background:linear-gradient(180deg,transparent 50%,#D52B1E 50%),linear-gradient(90deg,#0039A6 36%,#fff 36%)}
.d18-pagos .d18-pg-flags .pe{background:linear-gradient(90deg,#D91023 33.3%,#fff 33.3% 66.6%,#D91023 66.6%)}
.d18-pagos .d18-pg-roww{align-self:stretch!important;width:100%!important;max-width:100%}
.d18-pagos .d18-pg-shine{position:absolute;top:0;bottom:0;left:0;z-index:2;width:50%;pointer-events:none;background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.42) 50%,transparent 72%);-webkit-mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);transform:translateX(-110%) skewX(-16deg);animation:d18pagosSh 5.5s ease-in-out infinite}
@keyframes d18pagosSh{0%{transform:translateX(-110%) skewX(-16deg)}48%,100%{transform:translateX(215%) skewX(-16deg)}}
.d18-pagos .d18-kick .elementor-heading-title:before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.28)}
.d18-pagos .d18-pg-trust p{margin:0!important}
.d18-pagos .d18-pg-h .elementor-heading-title{text-wrap:balance}
.d18-pagos .d18-pg-trust{text-shadow:0 1px 10px rgba(140,30,0,.35)}
.d18-pagos .d18-pg-bar{width:100%}
.d18-pagos .d18-pg-clk{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-family:var(--d18-fb)}
.d18-pagos .d18-pg-cl{font:700 14px/1.3 var(--d18-fb);color:var(--d18-muted)}
.d18-pagos .d18-pg-cl b{font-weight:800;color:var(--d18-ink);white-space:nowrap}
.d18-pagos .d18-pg-ck{gap:5px}
.d18-pagos .d18-pg-ck .d18-u{align-items:baseline;padding:6px 7px 5px;border-radius:10px;background:#FFF1E6;border:1px solid rgba(255,94,0,.18)}
.d18-pagos .d18-pg-ck b{font-size:18px;font-weight:900;color:var(--d18-ink)}
.d18-pagos .d18-pg-ck small{font-size:11px;font-weight:800;color:var(--d18-a1)}
.d18-pagos .d18-pg-bar .elementor-button{white-space:nowrap}
@media (hover:hover){.d18-pagos .d18-pg-p{transition:transform .25s ease}.d18-pagos .d18-pg-p:hover{transform:translateY(-2px)}}
/* Tablet o columna mediana: las 4 píldoras en una rejilla ordenada de 2 × 2 (no 3 + 1 suelta) */
@container (max-width:790px){
 .d18-pagos .d18-pg-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .d18-pagos .d18-pg-p{justify-content:center;padding:10px 12px;font-size:14px}
}
@container (max-width:660px){
 .d18-pagos .d18-pg-bar{flex-direction:column!important;align-items:stretch!important;padding:14px 12px 12px!important}
 .d18-pagos .d18-pg-clk{justify-content:center;text-align:center}
 .d18-pagos .d18-pg-bar .elementor-button{width:100%}
 .d18-pagos .d18-pg-trust .d18-pg-sep{display:none}
 .d18-pagos .d18-pg-trust .d18-nw{display:inline-block;margin:0 6px}
}
@container (max-width:480px){
 .d18-pagos .d18-pg-body{padding:22px 14px 16px!important}
 .d18-pagos .d18-pg-h .elementor-heading-title{font-size:24px!important}
 .d18-pagos .d18-pg-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .d18-pagos .d18-pg-p{justify-content:center;min-height:42px;padding:9px 12px;font-size:13.5px;gap:8px}
 .d18-pagos .d18-pg-p:nth-child(2),.d18-pagos .d18-pg-p:nth-child(4){grid-column:1/-1;order:1}
 .d18-pagos .d18-pg-pp{font-size:17px}
 .d18-pagos .d18-pg-trust p{font-size:13.5px!important}
 .d18-pagos .d18-pg-cl{font-size:13px}
}


/* ===== Grupo D · 1) Marco de luces (marquesina) ===== */
.d18-luces .d18-lbulbs{position:absolute;inset:0;border-radius:inherit}
.d18-luces .d18-lz{position:absolute;display:block}
.d18-luces .d18-lz:after{content:"";position:absolute;inset:0;opacity:0;animation:d18lucesblink 1.2s linear infinite}
.d18-luces .d18-lz--t,.d18-luces .d18-lz--b,.d18-luces .d18-lz--t:after,.d18-luces .d18-lz--b:after{background-size:34px 24px;background-repeat:space no-repeat}
.d18-luces .d18-lz--l,.d18-luces .d18-lz--r,.d18-luces .d18-lz--l:after,.d18-luces .d18-lz--r:after{background-size:24px 34px;background-repeat:no-repeat space}
.d18-luces .d18-lz--t,.d18-luces .d18-lz--b{left:14px;right:14px;height:24px}
.d18-luces .d18-lz--t{top:0}.d18-luces .d18-lz--b{bottom:0}
.d18-luces .d18-lz--l,.d18-luces .d18-lz--r{top:20px;bottom:20px;width:24px}
.d18-luces .d18-lz--l{left:0}.d18-luces .d18-lz--r{right:0}
.d18-luces .d18-lz--t{background-image:radial-gradient(circle at 8.5px 12px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px),radial-gradient(circle at 25.5px 12px,#7C6A68 0 1.1px,#5B4C55 2.8px,rgba(91,76,85,0) 3.6px)}
.d18-luces .d18-lz--t:after{background-image:radial-gradient(circle at 8.5px 12px,#7C6A68 0 1.1px,#5B4C55 2.8px,#14123A 3.6px 9.4px,rgba(20,18,58,0) 10px),radial-gradient(circle at 25.5px 12px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px)}
.d18-luces .d18-lz--b{background-image:radial-gradient(circle at 25.5px 12px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px),radial-gradient(circle at 8.5px 12px,#7C6A68 0 1.1px,#5B4C55 2.8px,rgba(91,76,85,0) 3.6px)}
.d18-luces .d18-lz--b:after{background-image:radial-gradient(circle at 25.5px 12px,#7C6A68 0 1.1px,#5B4C55 2.8px,#14123A 3.6px 9.4px,rgba(20,18,58,0) 10px),radial-gradient(circle at 8.5px 12px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px)}
.d18-luces .d18-lz--r{background-image:radial-gradient(circle at 12px 8.5px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px),radial-gradient(circle at 12px 25.5px,#7C6A68 0 1.1px,#5B4C55 2.8px,rgba(91,76,85,0) 3.6px)}
.d18-luces .d18-lz--r:after{background-image:radial-gradient(circle at 12px 8.5px,#7C6A68 0 1.1px,#5B4C55 2.8px,#14123A 3.6px 9.4px,rgba(20,18,58,0) 10px),radial-gradient(circle at 12px 25.5px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px)}
.d18-luces .d18-lz--l{background-image:radial-gradient(circle at 12px 25.5px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px),radial-gradient(circle at 12px 8.5px,#7C6A68 0 1.1px,#5B4C55 2.8px,rgba(91,76,85,0) 3.6px)}
.d18-luces .d18-lz--l:after{background-image:radial-gradient(circle at 12px 25.5px,#7C6A68 0 1.1px,#5B4C55 2.8px,#14123A 3.6px 9.4px,rgba(20,18,58,0) 10px),radial-gradient(circle at 12px 8.5px,#FFFDF4 0 2.2px,#FFE27A 3.2px,rgba(255,184,0,.85) 4.3px,rgba(255,140,0,.32) 6.4px,rgba(255,120,0,0) 9px)}

@keyframes d18lucesblink{0%,46%{opacity:0}50%,96%{opacity:1}100%{opacity:0}}
/* Panel naranja: rayos quietos + brillo que respira detrás del letrero */
.d18-luces .d18-lpanel{box-shadow:inset 0 0 0 4px rgba(20,18,58,.16),inset 0 -30px 60px -30px rgba(120,20,0,.35)}
.d18-luces .d18-lrays{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 70% at 50% 0%,rgba(255,214,150,.42),rgba(255,214,150,0) 62%),repeating-conic-gradient(from 0deg at 50% -8%,rgba(255,255,255,.075) 0 4deg,rgba(255,255,255,0) 4deg 10deg)}
.d18-luces .d18-lglow{position:absolute;left:0;right:0;top:34px;margin:0 auto;width:min(620px,100%);height:170px;background:radial-gradient(closest-side,rgba(255,244,214,.6),rgba(255,244,214,0));opacity:.5;animation:d18lucesglow 3.4s ease-in-out infinite}
@keyframes d18lucesglow{0%,100%{opacity:.5}50%{opacity:1}}
/* Letrero */
.d18-luces .d18-lsign .elementor-heading-title{text-shadow:0 3px 0 rgba(140,30,0,.45),0 0 26px rgba(255,236,190,.55)}
.d18-luces .d18-lsign .d18-ldot{color:#FFE27A}
.d18-luces .d18-lsign .d18-l7{display:inline-block;padding:.02em .32em .06em;border-radius:.2em;background:#14123A;color:#FFE27A;text-shadow:0 0 18px rgba(255,210,90,.55);box-shadow:0 0 0 2px rgba(255,226,122,.55);white-space:nowrap}
.d18-luces .d18-ldesc b{color:#fff}
.d18-luces .d18-ldesc,.d18-luces .d18-lfoot,.d18-luces .d18-lsign .elementor-heading-title,.d18-luces .d18-lprod .elementor-heading-title{text-wrap:balance}
/* Notas «A · B · C»: cada trozo se queda entero. Si la nota no cabe en una línea, «Termina el…» baja a la suya; si
   tampoco caben los dos primeros, van los tres uno debajo de otro (sin puntos colgando). Medidas = ancho interior del
   banner (sin su padding): la nota entera mide ~540 px y los dos primeros trozos ~312 px */
.d18-luces .d18-fi,.d18-dorado .d18-fi,.d18-energia .d18-fi{display:inline-block}
@container (max-width:640px){.d18-luces .d18-lfoot .d18-fl{display:block}.d18-luces .d18-lfoot .d18-fl .d18-fs{display:none}}
@container (max-width:345px){.d18-luces .d18-lfoot .d18-fi{display:block}.d18-luces .d18-lfoot .d18-fs{display:none}}
/* Sin el margen de párrafo del tema (dejaba 25-30 px de más debajo del resumen y de la nota) */
.d18-luces .elementor-widget-text-editor p:last-child{margin-bottom:0}
/* Si el letrero no cabe en una línea, la placa «7 DÍAS» baja sola a su propia línea (sin punto huérfano) */
@container (max-width:840px){.d18-luces .d18-lsign .d18-ldot{display:none}
.d18-luces .d18-lsign .d18-l7{display:table;margin:.16em auto 0}}
/* Precio blanco sobre naranja */
.d18-luces .d18-pricebox .d18-gt2{background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 4px 0 rgba(140,30,0,.35)}
/* Precio normal: blanco en una placa oscura translúcida (sobre los rayos naranjas se leía mal) con raya amarilla */
.d18-luces .d18-pricebox .d18-del{color:#fff;padding:.14em .42em .16em;border-radius:.42em;background:rgba(20,18,58,.34);box-shadow:inset 0 0 0 1px rgba(255,226,122,.32)}
.d18-luces .d18-pricebox .d18-del:after{left:.24em;right:.24em;height:2.5px;background:#FFE27A;box-shadow:0 1px 0 rgba(20,18,58,.35)}
.d18-luces .d18-pricebox .d18-chip .elementor-heading-title{box-shadow:0 8px 18px -8px rgba(120,20,0,.6)}
.d18-luces .d18-lrow>.e-con{width:auto!important;flex:0 1 auto!important;max-width:100%}
.d18-luces .d18-pricebox .elementor-heading-title,.d18-luces .d18-kick .elementor-heading-title{white-space:nowrap}
/* Reloj de tabletas sobre naranja */
.d18-luces .d18-lclk .d18-u{box-shadow:0 14px 26px -12px rgba(90,20,0,.7),0 0 0 1px rgba(255,226,122,.3)}
.d18-luces .d18-lclk .d18-sep{color:#FFE27A;opacity:.95}
.d18-luces .d18-lclk.is-last .d18-u b{color:#FFE27A}
/* Promo terminada: el aviso va en una placa oscura como la de «7 DÍAS» (el rojo del kit no se lee sobre naranja) */
.d18-luces .d18-lclk .d18-clk-exp{display:inline-block;max-width:100%;padding:12px 20px;border-radius:14px;background:#14123A;color:#FFE27A;text-align:center;box-shadow:0 0 0 2px rgba(255,226,122,.55),0 14px 26px -12px rgba(90,20,0,.7)}
/* Botón blanco: el brillo que cruza es ámbar para que se vea */
.d18-luces .d18-buy .elementor-button:after{background:linear-gradient(115deg,transparent,rgba(255,184,0,.45),transparent)}
.d18-luces .d18-buy .elementor-button{box-shadow:0 16px 30px -12px rgba(90,20,0,.6),0 0 0 3px rgba(255,226,122,.55)}
/* Columnas angostas (se adapta al ancho donde lo pegues) */
@container (max-width:620px){.d18-luces .d18-lsign .elementor-heading-title{font-size:34px!important}
.d18-luces .d18-lprod .elementor-heading-title{font-size:18px!important}
.d18-luces .d18-pnow .elementor-heading-title{font-size:50px!important}}
@container (max-width:420px){.d18-luces .d18-lsign .elementor-heading-title{font-size:26px!important;letter-spacing:.2px!important}
.d18-luces .d18-lsign .d18-ldot{display:none}
.d18-luces .d18-lprod .elementor-heading-title{font-size:16.5px!important}
.d18-luces .d18-ldesc{font-size:14.5px!important}
.d18-luces .d18-pricebox{gap:8px!important;column-gap:8px!important}
.d18-luces .d18-pdel .elementor-heading-title{font-size:17px!important}
.d18-luces .d18-pnow .elementor-heading-title{font-size:40px!important;letter-spacing:-1px!important}
.d18-luces .d18-pricebox .d18-chip .elementor-heading-title{font-size:11.5px!important}
.d18-luces .d18-pricebox .d18-chip>.elementor-widget-container{padding:6px 9px!important}
.d18-luces .d18-lglow{top:20px;height:130px}
.d18-luces .d18-kick .elementor-heading-title{font-size:11.5px!important;letter-spacing:.3px!important}
.d18-luces .d18-lpanel{padding-left:14px!important;padding-right:14px!important}
.d18-luces .d18-buy .elementor-button{font-size:16px!important;padding:15px 18px!important}}
@container (max-width:300px){.d18-luces .d18-pdel .elementor-heading-title{font-size:16px!important}
.d18-luces .d18-pnow .elementor-heading-title{font-size:36px!important}
.d18-luces .d18-pricebox .d18-chip .elementor-heading-title{font-size:11px!important}
.d18-luces .d18-buy .elementor-button{font-size:15px!important;padding:14px 14px!important}
.d18-luces .d18-lfoot{font-size:12px!important}}

/* ===== Grupo D · 2) Marco dorado con destellos ===== */
.d18-dorado .d18-dgold{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#FFE9A6 0%,#E9A417 11%,#FFD978 22%,#F29A12 35%,#FFF0B8 48%,#E7A01A 61%,#FFD466 74%,#D98A00 87%,#B86F00 100%)}
.d18-dorado .elementor-widget-text-editor p:last-child{margin-bottom:0}
.d18-dorado .d18-dpanel{box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),inset 0 18px 40px -30px rgba(214,150,0,.45)}
.d18-dorado .d18-dfr{position:absolute;inset:10px;border:1px solid rgba(201,138,0,.38);border-radius:15px;background:radial-gradient(70% 55% at 50% 0%,rgba(255,214,120,.22),rgba(255,214,120,0) 70%)}
.d18-dorado .d18-dfr i{position:absolute;width:9px;height:9px;background:linear-gradient(135deg,#FFE9A8,#D99100);transform:rotate(45deg);box-shadow:0 0 0 3px #FFF8E8}
.d18-dorado .d18-dfr .a{top:-5px;left:22px}.d18-dorado .d18-dfr .b{top:-5px;right:22px}
.d18-dorado .d18-dfr .c{bottom:-5px;right:22px}.d18-dorado .d18-dfr .d{bottom:-5px;left:22px}
.d18-dorado .d18-dgt{background:linear-gradient(90deg,#A55F00,#E08A00 35%,#C27600 62%,#8A4E00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.d18-dorado .d18-dsubp{font-weight:900;color:#FF5E00;white-space:nowrap}
.d18-dorado .d18-dkick .elementor-heading-title{white-space:nowrap}
.d18-dorado .d18-dtitle .elementor-heading-title{text-wrap:balance}
/* Nota final en trozos (ver «Notas A · B · C» en el marco de luces) */
@container (max-width:650px){.d18-dorado .d18-dnote .d18-fl{display:block}.d18-dorado .d18-dnote .d18-fl .d18-fs{display:none}}
@container (max-width:345px){.d18-dorado .d18-dnote .d18-fi{display:block}.d18-dorado .d18-dnote .d18-fs{display:none}}
@container (max-width:270px){.d18-dorado .d18-dnote{font-size:12px!important}}
/* Promo terminada: sin «Termina en» encima del aviso; el aviso en rojo oscuro (se lee mejor sobre blanco) */
.d18-dorado .d18-dclk .d18-clk-exp{color:#C4200F}
.d18-dorado.d18-over .d18-dtc{align-self:stretch!important;justify-content:center!important}
/* Lista de 4 líneas (2×2) */
.d18-dorado .d18-dlistw{width:100%;max-width:640px;align-self:center}
.d18-dorado .d18-dlist{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:10px}
.d18-dorado .d18-dlist li{display:flex;align-items:center;gap:10px;margin:0!important;padding:9px 12px;border-radius:14px;background:#fff;border:1px solid rgba(214,150,0,.24);box-shadow:0 10px 20px -16px rgba(150,95,0,.5);text-align:left}
.d18-dorado .d18-dlist li span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#FFF3C9,#FFD36B);font-size:17px;line-height:1}
/* Boleto: precio | reloj, con línea punteada (máx. 640 px y nunca más ancho que la tarjeta) */
.d18-dorado .d18-dticket{width:100%!important;max-width:640px!important}
.d18-dorado .d18-dtrow{flex-direction:column!important;flex-wrap:nowrap!important}
.d18-dorado .d18-dtrow>.e-con{width:auto!important;flex:0 1 auto!important;max-width:100%}
.d18-dorado .d18-dtc{border-top:2px dashed rgba(214,150,0,.35);padding-top:16px!important;align-self:stretch}
.d18-dorado .d18-dtprice .elementor-heading-title{white-space:nowrap}
.d18-dorado .d18-dtprice .d18-gt{background:linear-gradient(90deg,#FF5E00,#FF8A00 55%,#E07000);-webkit-background-clip:text;background-clip:text}
.d18-dorado .d18-dclk .d18-u{background:linear-gradient(180deg,#FFFFFF,#FFF4DA);border-color:rgba(214,150,0,.38);box-shadow:0 12px 22px -16px rgba(150,95,0,.55);min-width:60px}
.d18-dorado .d18-dclk .d18-u b{color:#3A2600;font-size:28px}
.d18-dorado .d18-dclk small{color:#8A5600}
.d18-dorado .d18-dclk .d18-sep{color:#D99100}
@container (min-width:640px){.d18-dorado .d18-dtrow{flex-direction:row!important}
.d18-dorado .d18-dtc{border-top:0;padding-top:0!important;border-left:2px dashed rgba(214,150,0,.35);padding-left:24px!important;align-self:center}}
@container (max-width:560px){.d18-dorado .d18-dlist{grid-template-columns:minmax(0,1fr)}
.d18-dorado .d18-dtitle .elementor-heading-title{font-size:30px!important}.d18-dorado .d18-dsub .elementor-heading-title{font-size:18px!important}
.d18-dorado .d18-buy .elementor-button{font-size:17px!important;padding:16px 18px!important}}
@container (max-width:420px){.d18-dorado .d18-dkick .elementor-heading-title{font-size:11px!important;letter-spacing:.3px!important}
.d18-dorado .d18-dpanel{padding-left:16px!important;padding-right:16px!important}
.d18-dorado .d18-dticket{padding-left:14px!important;padding-right:14px!important}
.d18-dorado .d18-dtprice .elementor-heading-title{font-size:40px!important}
.d18-dorado .d18-dtp .elementor-heading-title,.d18-dorado .d18-dtc .elementor-heading-title{letter-spacing:.3px!important}
.d18-dorado .d18-dtlab .elementor-heading-title{font-size:11px!important}
.d18-dorado .d18-dclk .d18-u{min-width:50px}.d18-dorado .d18-dclk .d18-u b{font-size:23px}
.d18-dorado .d18-dtitle .elementor-heading-title{font-size:26px!important}.d18-dorado .d18-dsub .elementor-heading-title{font-size:16.5px!important}}
/* Capa superior: brillo diagonal (1 haz delgado) + destellos sobre el marco */
.d18-dorado .d18-ovl.d18-dtop{z-index:3!important}
.d18-dorado .d18-dsh{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.d18-dorado .d18-dsh i{position:absolute;top:0;bottom:0;left:-480px;width:120px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,247,222,.22) 30%,rgba(255,255,255,.58) 50%,rgba(255,247,222,.22) 70%,rgba(255,255,255,0));transform:translateX(0) skewX(-22deg);animation:d18doradosweep 7s cubic-bezier(.5,0,.3,1) infinite}
@keyframes d18doradosweep{0%{transform:translateX(0) skewX(-22deg)}30%,100%{transform:translateX(calc(100cqw + 960px)) skewX(-22deg)}}
/* overflow-x:clip → los destellos que giran nunca salen por los lados (sin scroll horizontal); arriba y abajo sí asoman sobre el marco */
.d18-dorado .d18-dspk{position:absolute;inset:0;overflow-x:clip}
.d18-dorado .d18-dst{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;opacity:0;transform:scale(.2);animation:d18doradotw 3.4s ease-in-out infinite}
.d18-dorado .d18-dst:before{content:"";position:absolute;left:-25%;top:-25%;right:-25%;bottom:-25%;border-radius:50%;background:radial-gradient(closest-side,#FFFBE6,rgba(255,214,110,.62) 34%,rgba(255,184,0,.18) 62%,rgba(255,184,0,0))}
.d18-dorado .d18-dst:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#FFFFFF 0 22%,#FFF3C0 40%,#FFB800 78%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.d18-dorado .d18-dst--m{width:32px;height:32px;margin:-16px 0 0 -16px}
.d18-dorado .d18-dst--b{width:46px;height:46px;margin:-23px 0 0 -23px}
.d18-dorado .d18-dst--s{width:22px;height:22px;margin:-11px 0 0 -11px}
@keyframes d18doradotw{0%,100%{opacity:0;transform:scale(.2) rotate(0)}30%{opacity:1;transform:scale(1) rotate(35deg)}52%{opacity:.8;transform:scale(.7) rotate(60deg)}74%{opacity:0;transform:scale(.25) rotate(95deg)}}
@container (max-width:330px){.d18-dorado .d18-dkick .elementor-heading-title{font-size:10.5px!important;letter-spacing:0!important}
.d18-dorado .d18-dkick>.elementor-widget-container{padding:8px 12px!important}
.d18-dorado .d18-dtitle .elementor-heading-title{font-size:23px!important}
.d18-dorado .d18-dlistw{font-size:14px!important}
.d18-dorado .d18-buy .elementor-button{font-size:15px!important;padding:15px 12px!important}}
@container (max-width:420px){.d18-dorado .d18-dlist{gap:7px}.d18-dorado .d18-dlist li{padding:7px 10px}.d18-dorado .d18-dlist li span{width:30px;height:30px;font-size:15px}}

/* ===== Grupo D · 3) Borde de energía ===== */
/* Cometas: capa de arriba con máscara quieta → se ve el borde (5 px) + un resplandor que se desvanece hacia adentro */
.d18-energia .d18-ecom{position:absolute;inset:0;overflow:hidden;border-radius:inherit;
-webkit-mask:linear-gradient(180deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) top/100% 30px no-repeat,linear-gradient(0deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) bottom/100% 30px no-repeat,linear-gradient(90deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) left/30px 100% no-repeat,linear-gradient(270deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) right/30px 100% no-repeat;
mask:linear-gradient(180deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) top/100% 30px no-repeat,linear-gradient(0deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) bottom/100% 30px no-repeat,linear-gradient(90deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) left/30px 100% no-repeat,linear-gradient(270deg,#000 5px,rgba(0,0,0,.72) 7px,rgba(0,0,0,.32) 13px,rgba(0,0,0,.1) 21px,rgba(0,0,0,0) 30px) right/30px 100% no-repeat}
/* Haz delgado (240 px) colgado del centro; largo = mitad del alto + 42 % del ancho (siempre llega a las esquinas) */
.d18-energia .d18-ecom i{position:absolute;left:50%;top:50%;width:240px;margin-left:-120px;height:calc(50% + 42cqw);transform-origin:50% 0;transform:rotate(0)}
.d18-energia .d18-ec1{background:linear-gradient(90deg,rgba(255,255,255,0),#FFFDF0 3%,#FFE07A 8%,#FFB800 16%,rgba(255,106,0,.95) 30%,rgba(255,59,48,.55) 58%,rgba(255,59,48,0));animation:d18energiaspin 5.2s linear infinite}
.d18-energia .d18-ec2{background:linear-gradient(90deg,rgba(255,255,255,0),#F4FDFF 3%,#9BEAFF 8%,#00C2FF 17%,rgba(0,150,255,.85) 32%,rgba(58,41,242,.6) 60%,rgba(58,41,242,0));animation:d18energiaspin 7.8s linear infinite;animation-delay:-3.9s}
@keyframes d18energiaspin{to{transform:rotate(360deg)}}
.d18-energia .d18-epanel{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.d18-energia .d18-edots{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 70% at 0% 0%,rgba(255,94,0,.2),rgba(255,94,0,0) 70%),radial-gradient(60% 70% at 100% 100%,rgba(58,41,242,.35),rgba(58,41,242,0) 70%),radial-gradient(rgba(255,255,255,.08) 1px,rgba(255,255,255,0) 1.5px) 0 0/18px 18px}
.d18-energia .elementor-widget-text-editor p:last-child{margin-bottom:0}
/* Columnas: texto | panel de compra. En fila mientras la tarjeta mide más de 760 px; debajo, apiladas y centradas
   (la misma medida decide las dos cosas: nunca queda texto a la izquierda con el panel centrado debajo) */
.d18-energia .d18-epanel{flex-wrap:nowrap!important}
.d18-energia .d18-ea{flex:3 1 340px!important;width:auto!important;min-width:0;text-align:left}
.d18-energia .d18-eb{flex:2 1 320px!important;width:auto!important;min-width:344px;max-width:440px}
.d18-energia .d18-ea .d18-kick .elementor-heading-title{white-space:nowrap}
.d18-energia .d18-ea p{text-wrap:pretty}
.d18-energia .d18-eperks{display:flex;flex-wrap:wrap;gap:8px;margin:0!important}
.d18-energia .d18-eperks span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.d18-energia .d18-pricebox .elementor-heading-title{white-space:nowrap}
/* Reloj en píldora con borde de energía */
.d18-energia .d18-eclk{display:flex;width:-webkit-fit-content;width:fit-content;margin:0 auto;padding:10px 16px;gap:8px;background:rgba(255,94,0,.1);border:1px solid rgba(255,184,0,.5);box-shadow:0 0 0 4px rgba(255,94,0,.08),0 10px 24px -12px rgba(255,94,0,.6)}
.d18-energia .d18-eclk:before{content:"⏳";margin-right:2px;font-size:15px;align-self:center}
.d18-energia .d18-eclk b{font-size:20px;color:#fff}
.d18-energia .d18-eclk small{font-size:13px;color:#FFD27A}
.d18-energia .d18-eclk.is-last b{color:#FFB800}
/* Promo terminada: aviso ámbar (el rojo del kit apenas se lee sobre el azul oscuro) */
.d18-energia .d18-eclk .d18-clk-exp{color:#FFB800;font-size:17px;text-align:center}
.d18-energia .d18-buy .elementor-button{box-shadow:0 16px 32px -10px rgba(255,94,0,.65),0 0 0 1px rgba(255,226,122,.4)}
@container (max-width:760px){.d18-energia .d18-epanel{flex-wrap:wrap!important}
.d18-energia .d18-ea,.d18-energia .d18-eb{flex:0 0 100%!important}
.d18-energia .d18-ea{text-align:center}.d18-energia .d18-ea .d18-kick{align-self:center!important}
.d18-energia .d18-eperks{justify-content:center}.d18-energia .d18-eb{max-width:480px;min-width:0}}
@container (max-width:420px){.d18-energia .d18-ea .elementor-heading-title{font-size:27px!important}
.d18-energia .d18-ea .d18-kick .elementor-heading-title{font-size:11.5px!important;letter-spacing:.3px!important}
.d18-energia .d18-epanel{padding:22px 14px!important}.d18-energia .d18-eb{padding:18px 12px!important}
.d18-energia .d18-pnow .elementor-heading-title{font-size:42px!important}
.d18-energia .d18-eblab .elementor-heading-title{font-size:11px!important;letter-spacing:.3px!important}
.d18-energia .d18-buy .elementor-button{font-size:16px!important;padding:16px 14px!important}}
/* Textos «A · B» del panel: si no caben en una línea, uno debajo del otro (sin punto colgando) */
@container (max-width:338px){.d18-energia .d18-eb .d18-fi{display:block}.d18-energia .d18-eb .d18-fs{display:none}}
@container (max-width:380px){.d18-energia .d18-eperks span{white-space:normal}.d18-energia .d18-eclk b{font-size:18px}.d18-energia .d18-eclk{padding:9px 13px}}
/* Chispas eléctricas en las esquinas del borde (capa de arriba, sin clics) */
.d18-energia .d18-ovl.d18-etop{z-index:3!important}
/* overflow:hidden → al girar/crecer, ninguna chispa sale de la tarjeta (nunca crea scroll horizontal al pegarla a lo ancho) */
.d18-energia .d18-esps{position:absolute;inset:0;overflow:hidden}
/* Chispa de 34 px centrada a 17 px de cada borde: queda dentro de la tarjeta (sin scroll horizontal) sobre la curva del borde */
.d18-energia .d18-esp{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;opacity:0;transform:scale(.4);animation:d18energiazap 3.2s linear infinite}
.d18-energia .d18-esp:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,170,.9),rgba(255,184,0,.4) 38%,rgba(255,150,0,0))}
.d18-energia .d18-esp svg{position:relative;display:block;width:100%;height:100%;overflow:visible}
.d18-energia .d18-esp svg path{fill:none;stroke:#FFE08A;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.d18-energia .d18-esp svg circle{fill:#FFFFFF}
.d18-energia .d18-esp--tl{left:17px;top:17px;animation-duration:3.1s;animation-delay:-.3s}
.d18-energia .d18-esp--tr{left:calc(100% - 17px);top:17px;animation-duration:3.7s;animation-delay:-1.3s}
.d18-energia .d18-esp--br{left:calc(100% - 17px);top:calc(100% - 17px);animation-duration:3.3s;animation-delay:-2.1s}
.d18-energia .d18-esp--bl{left:17px;top:calc(100% - 17px);animation-duration:3.9s;animation-delay:-2.8s}
.d18-energia .d18-esp--tl svg{transform:rotate(-20deg)}.d18-energia .d18-esp--br svg{transform:rotate(160deg)}
.d18-energia .d18-esp--tr svg{transform:rotate(70deg)}.d18-energia .d18-esp--tr svg path{stroke:#9BEAFF}
.d18-energia .d18-esp--bl svg{transform:rotate(-115deg)}.d18-energia .d18-esp--bl svg path{stroke:#FFB08A}
.d18-energia .d18-esp--tr:before{background:radial-gradient(closest-side,rgba(190,245,255,.9),rgba(0,194,255,.4) 38%,rgba(0,194,255,0))}
@keyframes d18energiazap{0%,58%,100%{opacity:0;transform:scale(.4)}61%{opacity:1;transform:scale(1.15)}64%{opacity:.2;transform:scale(.85)}67%{opacity:1;transform:scale(1.05)}71%{opacity:.35;transform:scale(1)}74%{opacity:.9;transform:scale(1)}82%{opacity:0;transform:scale(.6)}}


/* ===================== Grupo E · Interactivos ===================== */
.d18-regalo .elementor-widget-text-editor p,.d18-cupon .elementor-widget-text-editor p,.d18-calendario .elementor-widget-text-editor p{margin:0}
.d18-regalo .elementor-widget-text-editor p+p,.d18-cupon .elementor-widget-text-editor p+p,.d18-calendario .elementor-widget-text-editor p+p{margin-top:4px}
/* ---------- 1) Toca el regalo ---------- */
.d18-regalo .d18-rg-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(55% 60% at 18% 82%,rgba(255,94,0,.36),transparent 70%),radial-gradient(45% 55% at 92% 8%,rgba(58,41,242,.55),transparent 72%),radial-gradient(40% 40% at 72% 100%,rgba(255,184,0,.16),transparent 70%)}
.d18-regalo .d18-rg-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.6px) 0 0/22px 22px;-webkit-mask:linear-gradient(115deg,#000,transparent 55%);mask:linear-gradient(115deg,#000,transparent 55%)}
.d18-regalo .d18-rg-lay{width:100%}
/* Elementor fija max-width:100% en los widgets con (0,4,0): hace falta !important para que el escenario no se estire */
.d18-regalo .d18-rg-lay>.d18-rg-stagew{width:100%;max-width:460px!important}
.d18-regalo .d18-rg-title .elementor-heading-title{text-wrap:balance}
.d18-regalo .d18-rg-sub b{color:#FFE08A}
.d18-regalo .d18-rg-lab{margin-bottom:-4px}
.d18-regalo .d18-rg-clk .d18-u{background:rgba(255,255,255,.07);border-color:rgba(255,184,0,.28)}
.d18-regalo .d18-rg-clk .d18-u b{color:#fff}
.d18-regalo .d18-rg-fine p{margin:0;text-wrap:balance}
.d18-regalo .d18-rg-sub p,.d18-calendario .d18-cal-note,.d18-calendario .d18-cal-sub p,.d18-cupon .d18-cp-fine p{text-wrap:pretty}
/* Escenario = un botón grande (se puede tocar en cualquier parte) */
.d18-regalo .d18-rg-gift{all:unset;box-sizing:border-box;display:block;position:relative;width:100%;height:300px;border-radius:26px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:var(--d18-fh);text-align:center;color:#fff;background:radial-gradient(62% 52% at 50% 64%,rgba(255,120,30,.42),rgba(255,94,0,.1) 55%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.d18-regalo .d18-rg-gift:hover,.d18-regalo .d18-rg-gift:focus{background:radial-gradient(62% 52% at 50% 64%,rgba(255,120,30,.5),rgba(255,94,0,.12) 55%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));color:#fff}
.d18-regalo .d18-rg-gift:focus-visible{outline:3px solid #FFB800;outline-offset:3px}
.d18-regalo .d18-rg-gift>span{position:absolute;display:block}
.d18-regalo .d18-rg-rays{left:50%;top:100px;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,206,90,.24) 0 8deg,transparent 8deg 22.5deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%);opacity:0;transition:opacity .7s ease}
.d18-regalo .d18-rg-gift.is-open .d18-rg-rays{opacity:1;animation:d18regalorays 28s linear infinite}
@keyframes d18regalorays{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.d18-regalo .d18-rg-floor{left:50%;bottom:34px;width:230px;height:34px;margin-left:-115px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,.18) 60%,transparent)}
/* Pregunta (caja cerrada) */
.d18-regalo .d18-rg-ask{left:0;right:0;top:20px;width:max-content;max-width:calc(100% - 24px);margin:0 auto;padding:10px 16px;border-radius:16px;background:#302A72;border:1.5px dashed rgba(255,255,255,.38);font:700 15px/1.2 var(--d18-fb);color:#fff;white-space:nowrap;opacity:0;transform-origin:50% 100%;transition:opacity .35s ease,transform .35s ease}
.d18-regalo .d18-rg-ask:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;margin-left:-7px;background:#302A72;border-right:1.5px dashed rgba(255,255,255,.38);border-bottom:1.5px dashed rgba(255,255,255,.38);transform:rotate(45deg)}
.d18-regalo .d18-rg-gift.is-js:not(.is-open) .d18-rg-ask{opacity:1}
/* Al abrir, la pregunta se encoge y se apaga en 150 ms ANTES de que salte la tapa (el JS la retrasa 150 ms): la tapa
   nunca pasa por encima de la burbuja */
.d18-regalo .d18-rg-gift.is-open .d18-rg-ask{opacity:0;transform:scale(.55);transition:opacity .15s ease-in,transform .15s ease-in}
/* Lo que aparece: «$19.90 USD · solo 7 días» (sin JS se ve siempre) */
.d18-regalo .d18-rg-reveal{left:0;right:0;bottom:152px;z-index:1;width:max-content;max-width:calc(100% - 20px);margin:0 auto;transform-origin:50% 100%}
.d18-regalo .d18-rg-card{position:relative;display:block;padding:11px 22px 13px;border-radius:20px;background:#fff;color:var(--d18-ink);box-shadow:0 18px 36px -14px rgba(0,0,0,.6),0 0 0 4px rgba(255,184,0,.4)}
.d18-regalo .d18-rg-gift.is-js:not(.is-open) .d18-rg-reveal{opacity:0;transform:translateY(70px) scale(.3)}
.d18-regalo .d18-rg-gift.is-open .d18-rg-reveal{z-index:2}
/* Resplandor que late detrás del cartel (decorativo: el precio no se mueve; el cartel solo lo anima el JS al abrir) */
.d18-regalo .d18-rg-card:before{content:"";position:absolute;left:-28px;right:-28px;top:-24px;bottom:-24px;z-index:-1;border-radius:44px;background:radial-gradient(closest-side,rgba(255,196,60,.6),rgba(255,140,20,.2) 62%,transparent);opacity:0;pointer-events:none}
.d18-regalo .d18-rg-gift.is-open .d18-rg-card:before{opacity:.85;animation:d18regaloglow 2.8s ease-in-out infinite}
@keyframes d18regaloglow{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:.35;transform:scale(1.1)}}
/* Abierta: la caja deja de ser una capa propia para que el cartel quede delante de la tapa y detrás del frente */
.d18-regalo .d18-rg-gift.is-open .d18-rg-box{z-index:auto}
.d18-regalo .d18-rg-gift.is-open .d18-rg-base{z-index:3}
.d18-regalo .d18-rg-gift.is-open .d18-rg-lid{z-index:1}
.d18-regalo .d18-rg-r1{display:block;font:800 11.5px/1 var(--d18-fb);letter-spacing:.9px;text-transform:uppercase;color:var(--d18-a1)}
.d18-regalo .d18-rg-r2{display:block;margin-top:5px;font:900 44px/1 var(--d18-fh);letter-spacing:-1.4px;white-space:nowrap}
.d18-regalo .d18-rg-usd{display:inline-block;margin-left:4px;font-size:15px;letter-spacing:.5px;vertical-align:19px;color:var(--d18-a1)}
.d18-regalo .d18-rg-r3{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font:800 14.5px/1 var(--d18-fh);color:var(--d18-ink);white-space:nowrap}
.d18-regalo .d18-rg-r3:before,.d18-regalo .d18-rg-r3:after{content:"";width:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FF5E00,#FFB800)}
/* Caja de regalo */
.d18-regalo .d18-rg-box{left:50%;bottom:50px;z-index:2;width:150px;height:152px;margin-left:-75px;transform-origin:50% 100%}
.d18-regalo .d18-rg-gift.is-js:not(.is-open) .d18-rg-box{animation:d18regalowig 4.2s ease-in-out infinite}
@keyframes d18regalowig{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(-6deg) translateY(-4px)}78%{transform:rotate(5deg) translateY(-4px)}82%{transform:rotate(-4deg) translateY(-2px)}86%{transform:rotate(3deg)}90%{transform:rotate(-1deg)}94%{transform:rotate(0)}}
.d18-regalo .d18-rg-base{position:absolute;display:block;z-index:1;left:9px;bottom:0;width:132px;height:108px;border-radius:10px 10px 16px 16px;background:linear-gradient(160deg,#FF9447 0%,#FF5E00 52%,#D93A00 100%);box-shadow:inset 0 -12px 18px rgba(120,20,0,.28),inset 10px 0 0 rgba(255,255,255,.1);transform-origin:50% 100%}
.d18-regalo .d18-rg-base:before{content:"";position:absolute;left:53px;top:0;bottom:0;width:26px;background:linear-gradient(90deg,#F5A300,#FFE08A 48%,#FFB800)}
.d18-regalo .d18-rg-base:after{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:rgba(90,20,0,.22)}
.d18-regalo .d18-rg-lid{position:absolute;display:block;left:0;bottom:102px;z-index:2;width:150px;height:34px;border-radius:10px;background:linear-gradient(180deg,#FFA25A,#FF6A10);box-shadow:0 7px 12px -5px rgba(90,20,0,.5),inset 0 3px 0 rgba(255,255,255,.22)}
.d18-regalo .d18-rg-lid:before{content:"";position:absolute;left:62px;top:0;bottom:0;width:26px;background:linear-gradient(90deg,#F5A300,#FFE08A 48%,#FFB800)}
.d18-regalo .d18-rg-gift.is-open .d18-rg-lid{transform:translate(86px,42px) rotate(80deg)}
.d18-regalo .d18-rg-bow{position:absolute;display:block;left:50%;bottom:100%;width:78px;height:36px;margin:0 0 -4px -39px}
.d18-regalo .d18-rg-bow:before,.d18-regalo .d18-rg-bow:after{content:"";position:absolute;bottom:0;width:36px;height:30px;border-radius:50% 50% 45% 45%;border:8px solid #FFB800;box-sizing:border-box;box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}
.d18-regalo .d18-rg-bow:before{left:2px;transform:rotate(-26deg);border-color:#FFB800 #F5A300 #E08E00 #FFC53D}
.d18-regalo .d18-rg-bow:after{right:2px;transform:rotate(26deg);border-color:#FFB800 #FFC53D #E08E00 #F5A300}
.d18-regalo .d18-rg-knot{position:absolute;display:block;left:50%;top:-11px;width:22px;height:16px;margin-left:-11px;border-radius:6px;background:linear-gradient(180deg,#FFE08A,#FFB800)}
/* Confeti (lo crea el JS y lo borra al terminar) */
.d18-regalo .d18-rg-fx{inset:0;z-index:5;pointer-events:none}
.d18-regalo .d18-rg-fx i{position:absolute;display:block;width:8px;height:13px;margin:-6px 0 0 -4px;border-radius:2px}
.d18-regalo .d18-rg-fx i.c{width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%}
/* Pista */
.d18-regalo .d18-rg-hint{left:0;right:0;bottom:10px;z-index:6;font:800 13.5px/1 var(--d18-fh);letter-spacing:.2px;color:rgba(255,255,255,.9);display:none!important}
.d18-regalo .d18-rg-gift.is-js .d18-rg-hint{display:block!important}
.d18-regalo .d18-rg-h1,.d18-regalo .d18-rg-h2{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.d18-regalo .d18-rg-h2,.d18-regalo .d18-rg-gift.is-open .d18-rg-h1{display:none}
.d18-regalo .d18-rg-gift.is-open .d18-rg-h2{display:inline-flex}
.d18-regalo .d18-rg-fing{display:inline-block;transform-origin:50% 100%}
.d18-regalo .d18-rg-gift.is-js:not(.is-open) .d18-rg-fing{animation:d18regalotap 1.8s ease-in-out infinite}
@keyframes d18regalotap{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}60%{transform:translateY(1px) scale(.92)}}
/* Diseño ancho (el banner mide 700 px o más): regalo a la izquierda y texto a la derecha */
@container (min-width:700px){
.d18-regalo .d18-rg-lay{flex-direction:row!important;align-items:center!important}
.d18-regalo .d18-rg-lay>.d18-rg-stagew{flex:0 0 41%!important;width:41%!important;max-width:41%!important}
.d18-regalo .d18-rg-gift{height:340px}
.d18-regalo .d18-rg-ask{top:44px}
.d18-regalo .d18-rg-copy{flex:1 1 0%!important;width:auto!important;min-width:0;align-items:flex-start!important}
.d18-regalo .d18-rg-copy>.elementor-widget-heading,.d18-regalo .d18-rg-copy>.elementor-widget-text-editor{text-align:left!important}
.d18-regalo .d18-rg-copy .d18-kick{align-self:flex-start!important}
.d18-regalo .d18-rg-copy .d18-pricebox{justify-content:flex-start!important}
.d18-regalo .d18-rg-copy .d18-clk{justify-content:flex-start}
.d18-regalo .d18-rg-copy .d18-buy{align-self:flex-start!important}
}
@container (max-width:699px){.d18-regalo .d18-rg-stagew{align-self:center!important}}
@container (max-width:460px){
.d18-regalo .d18-rg-lay{padding:18px 14px 22px!important;gap:18px!important}
.d18-regalo .d18-rg-copy{gap:12px!important}
.d18-regalo .d18-rg-title .elementor-heading-title{font-size:25px!important}
.d18-regalo .d18-rg-sub,.d18-regalo .d18-rg-sub p{font-size:15px!important}
.d18-regalo .d18-pricebox{flex-wrap:wrap!important;gap:6px 10px!important}
.d18-regalo .d18-pdel .elementor-heading-title{font-size:18px!important}
.d18-regalo .d18-pnow .elementor-heading-title{font-size:44px!important}
.d18-regalo .d18-buy .elementor-button{padding:17px 22px!important;font-size:17px!important;white-space:nowrap}
.d18-regalo .d18-rg-gift{height:298px}
.d18-regalo .d18-rg-ask{font-size:14px;padding:9px 14px}
.d18-regalo .d18-rg-r2{font-size:38px}
.d18-regalo .d18-rg-usd{font-size:13px;vertical-align:16px}
}
@media (prefers-reduced-motion:reduce){.d18-regalo .d18-rg-rays,.d18-regalo .d18-rg-ask,.d18-regalo .d18-rg-gift.is-open .d18-rg-ask{transition:none}}

/* ---------- 2) Cupón recortable ---------- */
/* Sombra: capa quieta con la forma del cupón (la máscara de las muescas recortaría una sombra puesta en el cupón) */
.d18-cupon .d18-cp-shadow{position:absolute;inset:0;border-radius:26px;box-shadow:0 28px 52px -26px rgba(120,50,10,.5),0 3px 10px -4px rgba(120,50,10,.14)}
/* Muescas del cupón: el cupón (sin fondo) se recorta con una máscara; el talón naranja y el cuerpo blanco llevan su color */
.d18-cupon .d18-cp-ticket{flex-direction:column!important;background:transparent;-webkit-mask:radial-gradient(circle 16px at 0 125px,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 16px at 100% 125px,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 16px at 0 125px,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 16px at 100% 125px,#0000 97%,#000) right/51% 100% no-repeat}
.d18-cupon .d18-cp-stub{height:132px;flex:0 0 132px!important;width:100%!important;-webkit-mask:radial-gradient(circle 6px at 50% 0,#0000 95%,#000) 0 0/18px 100% repeat-x;mask:radial-gradient(circle 6px at 50% 0,#0000 95%,#000) 0 0/18px 100% repeat-x}
.d18-cupon .d18-cp-body{flex:1 1 auto!important;width:100%!important;min-width:0;box-shadow:inset 0 0 0 1.5px rgba(255,94,0,.16)}
/* Talón */
.d18-cupon .d18-cp-stripes{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 10px,transparent 10px 22px)}
.d18-cupon .d18-cp-shine{position:absolute;top:-20%;bottom:-20%;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-120%) skewX(-12deg);animation:d18cuponshine 5.5s ease-in-out infinite}
@keyframes d18cuponshine{0%,55%{transform:translateX(-120%) skewX(-12deg)}85%,100%{transform:translateX(320%) skewX(-12deg)}}
.d18-cupon .d18-cp-stubin{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;color:#fff;font-family:var(--d18-fh)}
.d18-cupon .d18-cp-stamp{position:relative;flex:0 0 auto;display:grid;place-items:center;width:98px;height:98px;border-radius:50%;border:3px solid rgba(255,255,255,.95);box-shadow:inset 0 0 0 5px rgba(255,255,255,.16),0 10px 22px -10px rgba(120,20,0,.6);transform:rotate(-10deg)}
.d18-cupon .d18-cp-stamp:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px dashed rgba(255,255,255,.6)}
.d18-cupon .d18-cp-ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid #fff;opacity:0}
.d18-cupon .d18-cp-st{display:flex;flex-direction:column;align-items:center;line-height:1}
.d18-cupon .d18-cp-st b{font:900 33px/1 var(--d18-fh);letter-spacing:-1.2px;color:#fff;text-shadow:0 2px 0 rgba(150,30,0,.25)}
.d18-cupon .d18-cp-st small{margin-top:4px;font:800 9.5px/1 var(--d18-fb);letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.92)}
.d18-cupon .d18-cp-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.d18-cupon .d18-cp-lbl{font:800 11px/1.1 var(--d18-fb);letter-spacing:1.3px;text-transform:uppercase;color:rgba(255,255,255,.9)}
.d18-cupon .d18-cp-save{font:900 21px/1.05 var(--d18-fh);letter-spacing:-.3px;color:#fff;white-space:nowrap}
.d18-cupon .d18-cp-val{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.18);font:700 11.5px/1 var(--d18-fb);color:#fff;white-space:nowrap}
/* Línea de corte + tijeras */
.d18-cupon .d18-cp-cut{position:absolute;left:22px;right:22px;top:-8px;height:0;border-top:2px dashed rgba(255,255,255,.92)}
.d18-cupon .d18-cp-run{position:absolute;display:block;left:0;top:-15px;width:calc(100% - 30px);height:30px;transform:translateX(-100%);animation:d18cuponrunx 6s linear infinite}
.d18-cupon .d18-cp-sc{position:absolute;left:100%;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#FF5E00;box-shadow:0 4px 12px -4px rgba(255,94,0,.6),0 0 0 1.5px rgba(255,94,0,.35)}
.d18-cupon .d18-cp-sc svg{width:18px;height:18px}
@keyframes d18cuponrunx{0%{transform:translateX(-100%);opacity:1}82%{transform:translateX(0);opacity:1}90%{transform:translateX(0);opacity:0}91%{transform:translateX(-100%);opacity:0}100%{transform:translateX(-100%);opacity:1}}
@keyframes d18cuponruny{0%{transform:translateY(-100%);opacity:1}82%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:0}91%{transform:translateY(-100%);opacity:0}100%{transform:translateY(-100%);opacity:1}}
/* Cuerpo */
.d18-cupon .d18-cp-title .elementor-heading-title{text-wrap:balance}
.d18-cupon .d18-cp-ok{padding:10px 14px 10px 40px!important;border-radius:14px;background:#E9FBF1;border:1px solid rgba(0,200,83,.28);position:relative}
.d18-cupon .d18-cp-ok:before{content:"✓";position:absolute;left:11px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;display:grid;place-items:center;background:#00C853;color:#fff;font:900 12px/1 var(--d18-fh)}
.d18-cupon .d18-cp-ok p{margin:0;text-wrap:balance}.d18-cupon .d18-cp-ok b,.d18-cupon .d18-cp-ok s{white-space:nowrap}.d18-cupon .d18-cp-ok s{color:#6B7290;text-decoration-thickness:2px;text-decoration-color:rgba(255,59,48,.8)}
.d18-cupon .d18-cp-row{width:100%}
.d18-cupon .d18-cp-row>.d18-pricebox{width:auto!important;flex:0 0 auto!important}
.d18-cupon .d18-cp-clkw{flex:0 0 auto}
.d18-cupon .d18-cp-clk{padding:9px 14px;gap:4px;background:#FFF3E8;color:var(--d18-ink);border:1.5px dashed rgba(255,94,0,.55)}
.d18-cupon .d18-cp-clk:before{content:"⏳ Vence en";margin-right:4px;font:700 13px/1 var(--d18-fb);color:var(--d18-a3);white-space:nowrap}
.d18-cupon .d18-cp-clk b{color:var(--d18-ink);font-size:16px}.d18-cupon .d18-cp-clk small{color:var(--d18-muted)}
.d18-cupon .d18-cp-fine p{margin:0}
/* Diseño ancho (600 px o más): talón a la izquierda, línea de corte vertical */
@container (min-width:600px){
.d18-cupon .d18-cp-ticket{flex-direction:row!important;-webkit-mask:radial-gradient(circle 16px at 205px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 16px at 205px 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 16px at 205px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 16px at 205px 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.d18-cupon .d18-cp-stub{height:auto;flex:0 0 212px!important;width:212px!important;-webkit-mask:radial-gradient(circle 6px at 0 50%,#0000 95%,#000) 0 0/100% 18px repeat-y;mask:radial-gradient(circle 6px at 0 50%,#0000 95%,#000) 0 0/100% 18px repeat-y}
/* Más aire a la derecha del talón: las tijeras pasan por la línea de corte (su círculo entra 13 px en el talón) */
.d18-cupon .d18-cp-stub{padding-left:10px!important;padding-right:28px!important}
.d18-cupon .d18-cp-save{font-size:20px}
.d18-cupon .d18-cp-val{padding:5px 8px}
.d18-cupon .d18-cp-body{width:auto!important;flex:1 1 0%!important}
.d18-cupon .d18-cp-stubin{flex-direction:column;gap:14px;text-align:center}
.d18-cupon .d18-cp-stamp{width:120px;height:120px}
.d18-cupon .d18-cp-st b{font-size:40px}.d18-cupon .d18-cp-st small{font-size:10.5px}
.d18-cupon .d18-cp-meta{align-items:center}
.d18-cupon .d18-cp-cut{left:-8px;right:auto;top:22px;bottom:22px;height:auto;width:0;border-top:0;border-left:2px dashed rgba(255,255,255,.92)}
.d18-cupon .d18-cp-run{left:-15px;top:0;width:30px;height:calc(100% - 30px);transform:translateY(-100%);animation-name:d18cuponruny}
.d18-cupon .d18-cp-sc{left:0;top:100%}
.d18-cupon .d18-cp-sc svg{transform:rotate(90deg)}
}
@container (max-width:460px){
.d18-cupon .d18-cp-body{padding:22px 16px 24px!important}
.d18-cupon .d18-cp-ok,.d18-cupon .d18-cp-ok p{font-size:14.5px!important}
.d18-cupon .d18-pnow .elementor-heading-title{font-size:40px!important}
}
@container (max-width:420px){
.d18-cupon .d18-cp-title .elementor-heading-title{font-size:23px!important}
.d18-cupon .d18-cp-stubin{gap:12px}
.d18-cupon .d18-cp-save{font-size:19px}
.d18-cupon .d18-buy{align-self:stretch!important;width:100%!important}
.d18-cupon .d18-buy .elementor-button{width:100%}
}

/* ---------- 3) Calendario de la promo ---------- */
/* Anillas: fila metida 22 px de cada lado y repartida con «space» (anillas enteras, nunca cortadas por las esquinas redondas) */
.d18-calendario .d18-cal-holes{position:absolute;left:22px;right:22px;top:12px;height:14px;background:radial-gradient(circle at 50% 50%,rgba(20,18,58,.5) 0 3.6px,rgba(255,255,255,.88) 4.2px 5.8px,transparent 6.4px) 0 0/42px 14px space no-repeat}
.d18-calendario .d18-cal-shine{position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);transform:translateX(-110%);animation:d18calendarioshine 7s ease-in-out infinite}
@keyframes d18calendarioshine{0%,50%{transform:translateX(-110%)}85%,100%{transform:translateX(360%)}}
.d18-calendario .d18-cal-head{width:100%}
.d18-calendario .d18-cal-htxt{width:100%}
.d18-calendario .d18-cal-title .elementor-heading-title{text-wrap:balance}
.d18-calendario .d18-cal-sub p{margin:0}.d18-calendario .d18-cal-sub b{color:#fff;white-space:nowrap}
.d18-calendario .d18-cal-progw{width:100%;max-width:440px}
.d18-calendario .d18-cal-prog{display:flex;flex-direction:column;gap:9px;padding:14px 16px 13px;border-radius:18px;background:#fff;box-shadow:0 16px 30px -16px rgba(120,30,0,.55);font-family:var(--d18-fb);color:var(--d18-ink)}
.d18-calendario .d18-cal-pl{display:flex;align-items:center;gap:8px;font:800 16px/1.2 var(--d18-fh);color:var(--d18-ink)}
.d18-calendario .d18-cal-hg{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#FFF1E6;font-size:16px}
.d18-calendario .d18-cal-bar{display:block;height:10px;border-radius:10px;overflow:hidden;background:rgba(255,94,0,.14)}
.d18-calendario .d18-cal-bar i{border-radius:10px;background:linear-gradient(90deg,#FF3B30,#FF5E00 45%,#FFB800)}
.d18-calendario .d18-cal-pm{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 12.5px/1.2 var(--d18-fb);color:var(--d18-muted)}
.d18-calendario .d18-cal-pm b{font:800 13px/1 var(--d18-fh);color:var(--d18-a1)}.d18-calendario .d18-cal-pm b:empty{display:none}
.d18-calendario .d18-cal-prog.is-last .d18-cal-pl b{color:var(--d18-a3)}
/* Días */
.d18-calendario .d18-cal-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:12px 0 14px}
.d18-calendario .d18-cal-day{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:98px;border-radius:18px;background:#fff;border:1.5px solid rgba(255,94,0,.18);box-shadow:0 12px 22px -16px rgba(120,50,10,.4);cursor:pointer;font-family:var(--d18-fh);color:var(--d18-ink);text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .2s ease}
.d18-calendario .d18-cal-day:hover{transform:translateY(-3px);background:#fff;color:var(--d18-ink)}
.d18-calendario .d18-cal-day:focus{background:#fff;color:var(--d18-ink)}
.d18-calendario .d18-cal-day:focus-visible{outline:3px solid rgba(58,41,242,.5);outline-offset:2px}
.d18-calendario .d18-cal-wd{font:800 11.5px/1 var(--d18-fb);letter-spacing:.9px;text-transform:uppercase;color:var(--d18-muted)}
.d18-calendario .d18-cal-n{position:relative;font:900 31px/1 var(--d18-fh);letter-spacing:-1px;color:var(--d18-ink)}
.d18-calendario .d18-cal-mo{font:700 12px/1 var(--d18-fb);color:var(--d18-muted)}
.d18-calendario .d18-cal-top{position:absolute;left:50%;top:-11px;display:none;padding:5px 10px;border-radius:999px;background:var(--d18-ink);color:#fff;font:800 10.5px/1 var(--d18-fh);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%);z-index:2}
.d18-calendario .d18-cal-ok{position:absolute;right:-6px;top:-7px;display:none;place-items:center;width:22px;height:22px;border-radius:50%;background:#00C853;color:#fff;font:900 12px/1 var(--d18-fh);box-shadow:0 4px 10px -3px rgba(0,120,50,.5)}
/* «Último día 🔥»: flex + max-content (WordPress cambia el emoji por <img class="emoji"> con márgenes y la llama se salía de la píldora) */
.d18-calendario .d18-cal-end{position:absolute;left:50%;bottom:-12px;display:flex;align-items:center;gap:3px;width:max-content;padding:4px 8px 4px 9px;border-radius:999px;background:#fff;border:2px solid #FF3B30;color:#E5231A;font:800 10.5px/1.1 var(--d18-fh);letter-spacing:.2px;white-space:nowrap;transform:translateX(-50%);box-shadow:0 6px 14px -6px rgba(255,59,48,.6);z-index:2}
.d18-calendario .d18-cal-end i{display:block;flex:0 0 auto;line-height:1;font-style:normal;transform-origin:50% 90%;animation:d18calendarioflame 1.6s ease-in-out infinite}
.d18-calendario .d18-cal-end img.emoji{display:block!important;margin:0!important}
@keyframes d18calendarioflame{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.18) rotate(-6deg)}60%{transform:scale(.94) rotate(5deg)}}
/* Estados que pone el JS */
.d18-calendario .d18-cal-day.is-last{border:2px solid #FF3B30;background:linear-gradient(180deg,#FFF1EC,#fff 70%)}
.d18-calendario .d18-cal-day.is-past{background:#F6F5FA;border-color:rgba(20,18,58,.06);box-shadow:none}
.d18-calendario .d18-cal-day.is-past .d18-cal-wd,.d18-calendario .d18-cal-day.is-past .d18-cal-mo{color:rgba(85,90,122,.6)}
.d18-calendario .d18-cal-day.is-past .d18-cal-n{color:rgba(20,18,58,.34)}
.d18-calendario .d18-cal-day.is-past .d18-cal-n:after{content:"";position:absolute;left:-5px;right:-5px;top:50%;height:3px;margin-top:-1px;border-radius:3px;background:rgba(255,59,48,.75);transform:rotate(-14deg)}
.d18-calendario .d18-cal-day.is-past .d18-cal-ok{display:grid}
.d18-calendario .d18-cal-day.is-today{background:linear-gradient(155deg,#FF5E00,#FF8A1F 55%,#FFB800);border-color:transparent;box-shadow:0 18px 30px -12px rgba(255,94,0,.7);color:#fff}
.d18-calendario .d18-cal-day.is-today .d18-cal-wd,.d18-calendario .d18-cal-day.is-today .d18-cal-mo,.d18-calendario .d18-cal-day.is-today .d18-cal-n{color:#fff}
.d18-calendario .d18-cal-day.is-today .d18-cal-top{display:block}
.d18-calendario .d18-cal-day.is-today:after{content:"";position:absolute;inset:-6px;border-radius:23px;border:2.5px solid rgba(255,94,0,.6);pointer-events:none;animation:d18calendariopulse 2.6s ease-out infinite}
@keyframes d18calendariopulse{0%{transform:scale(.97);opacity:.95}70%,100%{transform:scale(1.13);opacity:0}}
.d18-calendario .d18-cal-day.is-sel{box-shadow:0 0 0 3px rgba(58,41,242,.38),0 14px 24px -16px rgba(58,41,242,.6)}
.d18-calendario .d18-cal-day.is-today.is-sel{box-shadow:0 0 0 3px rgba(58,41,242,.38),0 18px 30px -12px rgba(255,94,0,.7)}
.d18-calendario .d18-cal-note{margin:6px 0 0!important;padding:12px 16px;border-radius:14px;background:#FFF7F0;border:1.5px dashed rgba(255,94,0,.3);font:600 14.5px/1.45 var(--d18-fb);color:var(--d18-ink);text-align:center}
.d18-calendario .d18-cal-note b{color:var(--d18-a1)}
/* Pie: precio + reloj + botón */
.d18-calendario .d18-cal-foot{width:100%;padding-top:20px;border-top:1.5px dashed rgba(255,94,0,.22)}
.d18-calendario .d18-cal-lab{margin-bottom:-2px}
.d18-calendario .d18-cal-clk .d18-u{min-width:58px}
.d18-calendario .d18-cal-clk .d18-u b{font-size:26px}
/* Promo terminada: el aviso del reloj va en una casilla oscura como las del reloj (legible sobre el fondo blanco) */
.d18-calendario .d18-cal-clk .d18-clk-exp{display:inline-block;padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#221E52,#14123A);color:#FFB800;font-size:17px;white-space:nowrap;box-shadow:0 14px 26px -14px rgba(20,18,58,.6)}
.d18-calendario .d18-cal-fine p{margin:0}
@container (min-width:760px){
.d18-calendario .d18-cal-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
.d18-calendario .d18-cal-htxt{flex:1 1 0%!important;width:auto!important;min-width:0;align-items:flex-start!important}
.d18-calendario .d18-cal-htxt>.elementor-widget-heading,.d18-calendario .d18-cal-htxt>.elementor-widget-text-editor{text-align:left!important}
.d18-calendario .d18-cal-htxt .d18-kick{align-self:flex-start!important}
.d18-calendario .d18-cal-progw{flex:0 0 310px!important;width:310px!important;max-width:310px}
.d18-calendario .d18-cal-foot{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
.d18-calendario .d18-cal-pc{width:auto!important;flex:0 1 auto!important;align-items:flex-start!important}
.d18-calendario .d18-cal-pc .d18-pricebox{justify-content:flex-start!important}
.d18-calendario .d18-cal-pc>.elementor-widget-heading{text-align:left!important}
.d18-calendario .d18-cal-pc .d18-clk{justify-content:flex-start}
.d18-calendario .d18-cal-cta{width:auto!important;flex:0 1 auto!important}
}
@container (max-width:639px){
.d18-calendario .d18-cal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 9px;padding-top:14px}
.d18-calendario .d18-cal-day{height:90px}
}
@container (max-width:420px){
.d18-calendario .d18-cal-title .elementor-heading-title{font-size:23px!important}
.d18-calendario .d18-cal-grid{gap:20px 7px}
.d18-calendario .d18-cal-day{height:82px;border-radius:15px;gap:3px}
.d18-calendario .d18-cal-n{font-size:26px}
.d18-calendario .d18-cal-wd{font-size:10.5px;letter-spacing:.5px}.d18-calendario .d18-cal-mo{font-size:11px}
.d18-calendario .d18-cal-end{left:auto;right:-5px;transform:none;padding:3px 6px 3px 7px;font-size:10px}
.d18-calendario .d18-cal-head{padding:40px 16px 22px!important}
.d18-calendario .d18-cal-body{padding:20px 14px 22px!important}
.d18-calendario .d18-pnow .elementor-heading-title{font-size:42px!important}
.d18-calendario .d18-cal-sub,.d18-calendario .d18-cal-sub p{font-size:15px!important}
.d18-calendario .d18-cal-top{font-size:9.5px;padding:4px 8px}
.d18-calendario .d18-cal-note{font-size:13.5px;padding:11px 12px}
.d18-calendario .d18-cal-clk .d18-u{min-width:50px}.d18-calendario .d18-cal-clk .d18-u b{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.d18-calendario .d18-cal-day{transition:none}}


/* ===================== Grupo F · Barras fijas para celular ===================== */
/* Mientras la barra está escondida (antes de bajar o junto a otro botón de compra) sus animaciones se pausan */
.d18-sb-doble:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *,
.d18-sb-doble:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::before,
.d18-sb-doble:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::after,
.d18-sb-pildora:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *,
.d18-sb-pildora:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::before,
.d18-sb-pildora:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::after,
.d18-sb-progreso:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *,
.d18-sb-progreso:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::before,
.d18-sb-progreso:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::after,
.d18-sb-popup:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *,
.d18-sb-popup:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::before,
.d18-sb-popup:not(.d18-show):not(.d18-phone *):not(.elementor-editor-active *) *::after{animation-play-state:paused!important}

/* Promoción terminada: el reloj muestra «¡La promoción terminó!» (sin el «La promo termina en» / «Termina en» delante) */
.d18-sb-doble.d18-over .d18-sbd-tt{display:none}
.d18-sb-doble .d18-sbd-clk .d18-clk-exp{font:800 13.5px/1.1 var(--d18-fh);color:#fff}
.d18-sb-pildora .d18-sbq-clk.is-over:before,.d18-sb-popup .d18-sbu-clk.is-over:before{display:none}
.d18-sb-pildora .d18-sbq-clk .d18-clk-exp{display:block;min-width:0;font-size:12.5px;line-height:1.15;color:#FFB800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d18-sb-popup .d18-sbu-clk .d18-clk-exp{font-size:13px;line-height:1.15;color:#fff;white-space:nowrap}

/* Barra angosta (solo pasa en la galería vista en un celular de 320 px: el teléfono de muestra mide 268 px por dentro;
   una barra real mide 320 px o más = 290 px o más sin su relleno): botón sin flecha y sin el precio tachado, para que el
   precio no quede debajo del botón. (La consulta mide el contenido de la barra, sin su relleno.) */
@container (max-width:270px){
.d18-sb-doble .d18-sbd-btn .elementor-button,.d18-sb-pildora .d18-sbq-btn .elementor-button,.d18-sb-progreso .d18-sbg-btn .elementor-button,.d18-sb-popup .d18-sbu-btn .elementor-button{padding-left:15px!important;padding-right:15px!important}
.d18-sb-doble .d18-sbd-btn .elementor-button-icon,.d18-sb-pildora .d18-sbq-btn .elementor-button-icon,.d18-sb-progreso .d18-sbg-btn .elementor-button-icon,.d18-sb-popup .d18-sbu-btn .elementor-button-icon{display:none}
.d18-sb-doble .d18-sbd-price .d18-del,.d18-sb-progreso .d18-sbg-price .d18-del{display:none}
.d18-sb-progreso .d18-sbg-col .d18-sbg-txt{font-size:11.5px}
.d18-sb-doble .d18-sbd-rib .d18-sbd-hg,.d18-sb-pildora .d18-sbq-col .d18-sbq-clk:before{display:none}
.d18-sb-doble .d18-sbd-rib .d18-sbd-tt .elementor-heading-title{font-size:11.5px}
.d18-sb-doble .d18-sbd-rib .d18-sbd-clk{gap:2px}
.d18-sb-popup .d18-sbu-tt .elementor-heading-title{font-size:15px!important}
.d18-sb-popup .d18-sbu-save .elementor-heading-title{font-size:11px!important}
.d18-sb-popup .d18-sbu-head{padding-left:12px!important}
}

/* ---------- 1 · Barra de dos filas ---------- */
.d18-sb-doble .d18-sbd-rib{overflow:hidden;border-radius:18px 18px 0 0}
.d18-sb-doble .d18-sbd-str{position:absolute;inset:0;overflow:hidden}
.d18-sb-doble .d18-sbd-str i{position:absolute;top:0;bottom:0;left:-28px;right:0;background:linear-gradient(135deg,rgba(255,255,255,.17) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.17) 50%,rgba(255,255,255,.17) 75%,transparent 75%) 0 0/28px 28px;transform:translateX(0);animation:d18sb-dobleStr 1.6s linear infinite}
@keyframes d18sb-dobleStr{from{transform:translateX(0)}to{transform:translateX(28px)}}
.d18-sb-doble .d18-sbd-tt .elementor-heading-title{white-space:nowrap;text-shadow:0 1px 0 rgba(120,20,0,.25)}
.d18-sb-doble .d18-sbd-hg{display:inline-block;animation:d18sb-dobleHg 4s ease-in-out infinite}
@keyframes d18sb-dobleHg{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
.d18-sb-doble .d18-sbd-clk{display:flex;gap:4px}
.d18-sb-doble .d18-sbd-clk .d18-u{padding:4px 5px 3px;border-radius:7px;background:#fff;box-shadow:0 2px 0 rgba(140,20,0,.25)}
.d18-sb-doble .d18-sbd-clk b{font-size:13px;line-height:1;color:var(--d18-ink)}
.d18-sb-doble .d18-sbd-clk small{font:800 10px/1 var(--d18-fh);color:var(--d18-a3);margin-left:1px}
.d18-sb-doble .d18-sbd-clk.is-last b{color:var(--d18-a3)}
.d18-sb-doble .d18-sbd-row{width:100%;max-width:640px;align-self:center}
.d18-sb-doble .d18-sbd-col{min-width:0}
.d18-sb-doble .d18-sbd-name .elementor-heading-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d18-sb-doble .d18-sbd-price .elementor-heading-title{white-space:nowrap}
.d18-sb-doble .d18-sbd-price .d18-del{font-size:.6em;font-weight:700;color:var(--d18-muted);margin-right:3px;line-height:1;vertical-align:baseline;top:-.2em}
.d18-sb-doble .d18-sbd-price .d18-usd{position:relative;font-size:.46em;line-height:1;vertical-align:baseline;top:-.8em;margin-left:3px}
.d18-sb-doble .d18-sbd-btn .elementor-button{white-space:nowrap;vertical-align:top}
/* Beneficios en medio de la fila: solo si la barra mide 600 px o más (tablet) */
.d18-sb-doble .d18-sbd-perks{display:none}
.d18-sb-doble .d18-sbd-perks .elementor-heading-title{white-space:nowrap;padding-left:14px;border-left:2px solid rgba(255,94,0,.18)}
@container (min-width:600px){.d18-sb-doble .d18-sbd-perks{display:block}}
.d18-sb-doble:not(.d18-phone *) .d18-sbd-row{padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))!important}
@container (max-width:340px){.d18-sb-doble .d18-sbd-rib{padding-left:8px!important;padding-right:8px!important;gap:6px}
.d18-sb-doble .d18-sbd-tt .elementor-heading-title{font-size:12px}.d18-sb-doble .d18-sbd-clk{gap:3px}
.d18-sb-doble .d18-sbd-clk .d18-u{padding:4px 4px 3px}}

/* ---------- 2 · Píldora flotante ---------- */
.d18-sb-pildora{pointer-events:none}
.d18-sb-pildora .d18-sbq-pill{pointer-events:auto;width:100%;max-width:520px}
.d18-sb-pildora .d18-sbq-beam{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.d18-sb-pildora .d18-sbq-beam:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:620px;margin:-310px 0 0 -22px;background:linear-gradient(90deg,rgba(255,184,0,0),rgba(255,206,110,.9) 32%,#fff 50%,rgba(255,206,110,.9) 68%,rgba(255,184,0,0));transform:rotate(60deg);animation:d18sb-pildoraBeam 5s linear infinite}
@keyframes d18sb-pildoraBeam{from{transform:rotate(60deg)}to{transform:rotate(420deg)}}
.d18-sb-pildora .d18-sbq-col{min-width:0}
.d18-sb-pildora .d18-sbq-price .elementor-heading-title{position:relative;display:inline-block;white-space:nowrap}
.d18-sb-pildora .d18-sbq-price .elementor-heading-title:after{content:"";position:absolute;right:-14px;top:-7px;width:13px;height:13px;background:linear-gradient(135deg,#FFF6C8,#FFB800 55%,#FF7A00);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);transform:scale(.7);animation:d18sb-pildoraTw 2.8s ease-in-out infinite}
@keyframes d18sb-pildoraTw{0%,100%{transform:scale(.7) rotate(0);opacity:.8}40%{transform:scale(1.15) rotate(90deg);opacity:1}70%{transform:scale(.35) rotate(150deg);opacity:.3}}
.d18-sb-pildora .d18-sbq-old{display:none;font-size:.56em;font-weight:700;color:rgba(255,255,255,.62);margin-right:2px;line-height:1;vertical-align:baseline;top:-.25em}
.d18-sb-pildora .d18-sbq-old:after{background:#FF6A4D}
.d18-sb-pildora .d18-usd{position:relative;font-size:.46em;line-height:1;vertical-align:baseline;top:-.8em;margin-left:3px;opacity:.85}
.d18-sb-pildora .d18-sbq-clk{display:flex;line-height:1.15;justify-content:flex-start;gap:4px;color:rgba(255,255,255,.7)}
.d18-sb-pildora .d18-sbq-clk:before{content:"⏳";font-size:12px;margin-right:1px}
.d18-sb-pildora .d18-sbq-clk b{font-size:13px;color:#fff}
.d18-sb-pildora .d18-sbq-clk small{font-size:10.5px;color:rgba(255,255,255,.62)}
.d18-sb-pildora .d18-sbq-clk.is-last b{color:#FFB800}
.d18-sb-pildora .d18-sbq-btn .elementor-button{white-space:nowrap;vertical-align:top}
.d18-sb-pildora:not(.d18-phone *){padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
/* El precio tachado solo cabe si la barra mide más de 360 px (sin consultas de contenedor, no se muestra) */
@container (min-width:361px){.d18-sb-pildora .d18-sbq-old{display:inline-block}}

/* ---------- 3 · Barra con progreso ---------- */
.d18-sb-progreso .d18-sbg-line{position:absolute;left:0;right:0;top:0;height:5px;background:rgba(255,94,0,.14)}
.d18-sb-progreso .d18-sbg-line>i{background:linear-gradient(90deg,#FF3B30,#FF5E00 45%,#FFB800);border-radius:0 5px 5px 0}
.d18-sb-progreso .d18-sbg-head{position:absolute;left:7px;right:7px;top:0;height:5px;transform:translateX(-7%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.d18-sb-progreso .d18-sbg-head b{position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;border:3px solid #FFB800;box-shadow:0 2px 8px rgba(255,94,0,.55)}
.d18-sb-progreso .d18-sbg-head b:before{content:"";position:absolute;left:-12px;top:-12px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,0,.6),rgba(255,184,0,0) 68%);opacity:.5;animation:d18sb-progresoHalo 2.2s ease-out infinite}
@keyframes d18sb-progresoHalo{0%{transform:scale(.6);opacity:.5}50%{transform:scale(1.25);opacity:1}100%{transform:scale(.6);opacity:.5}}
.d18-sb-progreso .d18-sbg-wrap{width:100%;max-width:640px}
.d18-sb-progreso .d18-sbg-col{min-width:0}
.d18-sb-progreso .d18-sbg-txt{display:flex;align-items:center;gap:7px;font:800 12.5px/1.2 var(--d18-fh);color:var(--d18-a3);white-space:nowrap;overflow:hidden}
.d18-sb-progreso .d18-sbg-txt [data-txt]{overflow:hidden;text-overflow:ellipsis}
.d18-sb-progreso .d18-sbg-end{display:none;color:var(--d18-muted);font-weight:700}
.d18-sb-progreso .d18-sbg-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--d18-a3)}
.d18-sb-progreso .d18-sbg-dot:after{content:"";position:absolute;left:-5px;top:-5px;width:18px;height:18px;box-sizing:border-box;border-radius:50%;border:2px solid rgba(255,59,48,.55);opacity:0;animation:d18sb-progresoPing 1.8s ease-out infinite}
@keyframes d18sb-progresoPing{0%{transform:scale(.4);opacity:0}20%{opacity:1}100%{transform:scale(1.2);opacity:0}}
.d18-sb-progreso .d18-sbg-price .elementor-heading-title{white-space:nowrap}
.d18-sb-progreso .d18-sbg-price .d18-del{font-size:.6em;font-weight:700;color:var(--d18-muted);margin-right:3px;line-height:1;vertical-align:baseline;top:-.2em}
.d18-sb-progreso .d18-sbg-price .d18-usd{position:relative;font-size:.46em;line-height:1;vertical-align:baseline;top:-.8em;margin-left:3px}
.d18-sb-progreso .d18-sbg-chip{display:none;position:relative;top:-4px;margin-left:7px;padding:4px 7px;border-radius:999px;background:linear-gradient(135deg,#FF3B30,#FF5E00);color:#fff;-webkit-text-fill-color:#fff;font-size:11px;font-weight:900;line-height:1;letter-spacing:.2px}
@container (min-width:336px){.d18-sb-progreso .d18-sbg-chip{display:inline-block}}
.d18-sb-progreso .d18-sbg-btn .elementor-button{white-space:nowrap;vertical-align:top}
.d18-sb-progreso.d18-over .d18-sbg-txt{color:var(--d18-muted)}
.d18-sb-progreso:not(.d18-phone *){padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))!important}
@container (min-width:560px){.d18-sb-progreso .d18-sbg-end{display:inline}}

/* ---------- 4 · Popup minimizable ---------- */
/* Galería: el teléfono de muestra no debe partir su columna (Elementor pone flex-wrap:wrap en celular) */
.d18-phone{flex-wrap:nowrap!important}
.d18-sb-popup{pointer-events:none}
.d18-sb-popup .d18-sbu-card,.d18-sb-popup .d18-sbu-tab{pointer-events:auto}
.d18-sb-popup .d18-sbu-card{width:100%;max-width:400px;overflow:hidden}
.d18-sb-popup .d18-sbu-head{overflow:hidden}
.d18-sb-popup .d18-sbu-shn{position:absolute;inset:0;overflow:hidden}
.d18-sb-popup .d18-sbu-shn i{position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(105deg,rgba(255,255,255,0),rgba(255,255,255,.34),rgba(255,255,255,0));transform:translateX(0) skewX(-18deg);animation:d18sb-popupShn 5s ease-in-out infinite}
@keyframes d18sb-popupShn{0%{transform:translateX(0) skewX(-18deg)}40%,100%{transform:translateX(560%) skewX(-18deg)}}
.d18-sb-popup .d18-sbu-hcol{min-width:0}
.d18-sb-popup .d18-sbu-tt .elementor-heading-title{white-space:nowrap;text-shadow:0 1px 0 rgba(120,20,0,.25)}
.d18-sb-popup .d18-sbu-pct{display:inline-block;margin-left:4px;padding:3px 7px;border-radius:999px;background:#fff;color:var(--d18-a3);font-size:11.5px;font-weight:900;line-height:1;vertical-align:baseline;position:relative;top:-2px;text-shadow:none}
.d18-sb-popup .d18-sbu-clk{display:flex;line-height:1.15;justify-content:flex-start;gap:4px;color:rgba(255,255,255,.88)}
.d18-sb-popup .d18-sbu-clk:before{content:"Termina en";font:700 11.5px/1 var(--d18-fb);margin-right:2px}
.d18-sb-popup .d18-sbu-clk b{font-size:13px;color:#fff}
.d18-sb-popup .d18-sbu-clk small{font-size:10.5px;color:rgba(255,255,255,.82)}
.d18-sb-popup .d18-sbu-clk.is-last b{color:#FFF3B0}
.d18-sb-popup .d18-sbu-min{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:12px;background:rgba(255,255,255,.22);box-shadow:none;color:#fff;cursor:pointer;transition:background .2s}
.d18-sb-popup .d18-sbu-min:hover,.d18-sb-popup .d18-sbu-min:focus-visible{background:rgba(255,255,255,.36)}
.d18-sb-popup .d18-sbu-min span{display:block;width:14px;height:3px;border-radius:3px;background:#fff}
.d18-sb-popup .d18-sbu-list .elementor-icon-list-item{align-items:center}
.d18-sb-popup .d18-sbu-pcol{min-width:0}
.d18-sb-popup .d18-sbu-price .elementor-heading-title,.d18-sb-popup .d18-sbu-save .elementor-heading-title{white-space:nowrap}
.d18-sb-popup .d18-sbu-save .d18-del{line-height:1;font-weight:700;color:var(--d18-muted);margin-right:1px}
.d18-sb-popup .d18-sbu-save .d18-del:after{height:2px}
.d18-sb-popup .d18-sbu-num{font-variant-numeric:tabular-nums}
.d18-sb-popup .d18-sbu-price .d18-usd{position:relative;font-size:.44em;line-height:1;vertical-align:baseline;top:-.85em;margin-left:3px}
.d18-sb-popup .d18-sbu-btn .elementor-button{white-space:nowrap;vertical-align:top}
.d18-sb-popup .d18-sbu-tabw{display:none}
.d18-sb-popup.d18-sbu-mini .d18-sbu-card{display:none!important}
.d18-sb-popup.d18-sbu-mini .d18-sbu-tabw{display:block}
.elementor-editor-active .d18-sb-popup .d18-sbu-tabw{display:block;margin-top:8px}
.d18-sb-popup .d18-sbu-tab{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:6px;margin:0;padding:13px 15px 13px 14px;border:0;border-radius:999px;background:linear-gradient(120deg,#FF3B30,#FF5E00 45%,#FFB800);color:#fff;font:800 14.5px/1 var(--d18-fh);letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;box-shadow:0 14px 28px -10px rgba(255,94,0,.7)}
.d18-sb-popup .d18-sbu-tab:hover,.d18-sb-popup .d18-sbu-tab:focus{color:#fff;background:linear-gradient(120deg,#FF3B30,#FF5E00 60%,#FFB800)}
.d18-sb-popup .d18-sbu-tab b{font-weight:900}
.d18-sb-popup .d18-sbu-tab:before{content:"";position:absolute;left:-5px;right:-5px;top:-5px;bottom:-5px;border-radius:inherit;border:2px solid rgba(255,94,0,.6);z-index:-1;opacity:0;animation:d18sb-popupRing 2.6s ease-out infinite}
@keyframes d18sb-popupRing{0%{transform:scale(.94);opacity:0}15%{opacity:.9}75%,100%{transform:scale(1.12);opacity:0}}
.d18-sb-popup .d18-sbu-tab svg{display:block;width:15px;height:15px;animation:d18sb-popupBob 1.8s ease-in-out infinite}
@keyframes d18sb-popupBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.d18-sb-popup:not(.d18-phone *){padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}