/* ============ BARRA OFERTA RELÁMPAGO ============ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.promo-bar{
  position:fixed;top:0;left:0;right:0;z-index:90;height:46px;
  display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden;
  font-family:'Barlow Condensed',Inter,sans-serif;font-weight:700;letter-spacing:.04em;
  background:linear-gradient(90deg,#021a0d,#063d1e 25%,#0a5a2b 50%,#063d1e 75%,#021a0d);
  background-size:200% 100%;animation:pb-flow 8s linear infinite;
  border-bottom:1px solid rgba(0,255,136,.55);box-shadow:0 0 22px rgba(0,255,136,.35),inset 0 -8px 18px rgba(0,255,136,.12);
}
.promo-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-100%);animation:pb-shine 4.5s ease-in-out infinite;pointer-events:none}
.pb-inner{display:flex;align-items:center;gap:16px;color:#fff;font-size:21px;white-space:nowrap;position:relative;z-index:1}
.pb-inner:hover{color:#fff;text-shadow:none}
.pb-item{display:inline-flex;align-items:center;gap:8px}
.pb-item small{font-size:.82em;color:#e9fff3}
.pb-flash{color:#ffd23f;font-style:italic;text-shadow:0 0 12px rgba(255,200,0,.6)}
.pb-bolt{font-size:1.15em;animation:pb-bolt 1.6s infinite}
.pb-gold{color:#ffd23f;text-shadow:0 0 10px rgba(255,210,63,.6)}
.pb-sep{width:2px;height:24px;background:rgba(255,255,255,.55);border-radius:2px}
.pb-hot{color:#ff4d5e;text-shadow:0 0 12px rgba(255,40,70,.75);animation:pb-hot 1.4s ease-in-out infinite}
.pb-hot svg{width:26px;height:26px;color:#fff;filter:drop-shadow(0 0 6px rgba(255,60,80,.9))}
.pb-chev{display:inline-flex;gap:2px;position:relative;z-index:1}
.pb-chev i{width:11px;height:11px;border-top:3px solid var(--neon);border-right:3px solid var(--neon);transform:rotate(45deg);filter:drop-shadow(0 0 4px var(--neon));opacity:.25;animation:pb-chev 1.2s infinite}
.pb-chev-l{flex-direction:row-reverse}
.pb-chev-l i{transform:rotate(-135deg)}
.pb-chev i:nth-child(2){animation-delay:.2s}.pb-chev i:nth-child(3){animation-delay:.4s}
.pb-spark{position:absolute;right:3%;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px var(--neon),-14px 8px 0 -1px #bfffe0,10px -10px 0 -2px #bfffe0;animation:pb-twinkle 2s ease-in-out infinite}
@keyframes pb-flow{to{background-position:-200% 0}}
@keyframes pb-shine{60%,100%{transform:translateX(100%)}}
@keyframes pb-bolt{0%,40%,100%{opacity:1;filter:none}45%{opacity:.4}50%{opacity:1;filter:drop-shadow(0 0 8px #ffd23f)}}
@keyframes pb-hot{50%{text-shadow:0 0 22px rgba(255,40,70,1)}}
@keyframes pb-chev{40%{opacity:1}}
@keyframes pb-twinkle{50%{opacity:.25;transform:scale(.6)}}

/* Menú debajo de la barra */
.nav{top:56px}
html{scroll-padding-top:150px}
section[id]{scroll-margin-top:150px}

/* ============ HERO PROMO ============ */
.hero.hero-promo{padding:142px 0 50px;overflow:clip;isolation:isolate}
.hp-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 600px at 70% 40%,rgba(0,255,136,.14),transparent 65%),linear-gradient(180deg,#000 0%,#02160d 100%)}
.hp-glow{position:absolute;border-radius:50%;filter:blur(90px)}
.hp-glow.g1{width:520px;height:520px;left:-160px;top:10%;background:rgba(0,255,136,.16)}
.hp-glow.g2{width:620px;height:620px;right:-120px;bottom:-200px;background:rgba(0,255,170,.18);animation:hp-breath 7s ease-in-out infinite}
.hp-rays{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,136,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.05) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 60% 50%,#000 20%,transparent 75%)}
.hp-inner{max-width:1360px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:10px;align-items:center}

/* --- Columna de texto --- */
.hp-copy{container-type:inline-size;min-width:0}
.hp-ribbon{position:relative;z-index:0;display:inline-flex;align-items:center;gap:2.2cqw;padding:1.6cqw 5cqw 1.6cqw 3cqw;margin-bottom:1.5cqw;
  font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:800;font-size:clamp(20px,6.4cqw,46px);line-height:1;color:#fff;letter-spacing:.02em}
.hp-ribbon::before,.hp-ribbon::after{content:"";position:absolute;inset:0 22% 0 0;z-index:-1;transform:skewX(-14deg);border-radius:6px}
.hp-ribbon::before{background:linear-gradient(90deg,#ff5a00,#ff8a00 45%,#e04300 80%,rgba(120,30,0,.0));box-shadow:0 0 24px rgba(255,110,0,.45);border-top:1px solid #ffc06a}
.hp-ribbon::after{background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:hp-shine 3.2s ease-in-out infinite}
.hp-ribbon-bolt{color:#ffe14d;filter:drop-shadow(0 0 6px #ffcc00);animation:pb-bolt 1.8s infinite}
.hp-ribbon-txt{text-shadow:0 3px 0 rgba(0,0,0,.35)}
.hp-ribbon-txt em{color:#ffe14d}
.hp-timer{position:relative;display:inline-flex;width:clamp(34px,10cqw,72px);color:var(--neon);filter:drop-shadow(0 0 8px var(--neon))}
.hp-timer svg{width:100%;height:auto}
.hp-hand{transform-origin:24px 27px;animation:hp-spin 2.4s linear infinite}
.hp-timer i{position:absolute;right:-60%;height:3px;border-radius:3px;background:var(--neon);animation:hp-speed 1.2s ease-in-out infinite}
.hp-timer i:nth-of-type(1){top:40%;width:45%}.hp-timer i:nth-of-type(2){top:58%;width:30%;animation-delay:.2s}.hp-timer i:nth-of-type(3){top:76%;width:38%;animation-delay:.4s}

.hp-title{display:flex;flex-direction:column;margin:0 0 1cqw;font-family:'Montserrat',Inter,sans-serif;font-weight:900;line-height:.86;letter-spacing:-.035em;color:#fff}
.hp-chrome,.hp-green{position:relative;display:block;font-size:17.2cqw;padding-right:.04em}
.hp-chrome{background:linear-gradient(180deg,#ffffff 0%,#eef1f4 30%,#9aa2aa 48%,#5f666d 52%,#d9dee3 64%,#ffffff 82%,#aeb5bc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 #2d3236) drop-shadow(0 12px 18px rgba(0,0,0,.8))}
.hp-green{font-size:17.4cqw;background:linear-gradient(180deg,#d8ffe6 0%,#5dff9e 28%,#12f06e 55%,#00b351 78%,#3dff8c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 #04441f) drop-shadow(0 0 22px rgba(0,255,120,.55));animation:hp-green 3s ease-in-out infinite}
.hp-chrome::after,.hp-green::after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%);background-size:300% 100%;background-position:150% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hp-textshine 5s ease-in-out infinite}
.hp-green::after{animation-delay:.5s}
.hp-sub{font-size:clamp(15px,4.4cqw,32px);font-weight:700;color:#fff;line-height:1.2;margin:0 0 3cqw;letter-spacing:-.01em;text-shadow:0 2px 8px #000}
.hp-sub span{color:var(--neon);text-shadow:0 0 14px rgba(0,255,136,.6)}

.hp-offer{display:flex;align-items:center;gap:2.5cqw;margin-bottom:3.4cqw}
.hp-price{flex:1 1 0;min-width:0;padding:2.6cqw 4cqw 2.2cqw;border-radius:3.4cqw;background:linear-gradient(180deg,rgba(2,14,8,.95),rgba(0,0,0,.95));border:2px solid rgba(0,255,136,.75);box-shadow:0 0 22px rgba(0,255,136,.35),inset 0 0 22px rgba(0,255,136,.1);text-align:center;animation:hp-boxglow 3s ease-in-out infinite}
.hp-mxn{margin:0;font-family:'Montserrat',sans-serif;font-weight:900;line-height:1;white-space:nowrap}
.hp-mxn b{font-size:12.6cqw;letter-spacing:-.04em;background:linear-gradient(180deg,#fffbd0 0%,#ffe55c 35%,#ffc400 60%,#ff9d00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #7a4a00) drop-shadow(0 0 16px rgba(255,200,0,.4))}
.hp-mxn span{font-size:6.6cqw;color:#fff}
.hp-usd{margin:.4cqw 0 0;font-family:'Montserrat',sans-serif;font-style:italic;font-weight:900;font-size:5.6cqw;color:#fff;line-height:1.1}
.hp-note{margin:1cqw 0 0;font-size:clamp(10px,2.3cqw,14px);color:#d5e9df}
.hp-spots{flex:0 0 auto;display:flex;align-items:center;gap:1cqw;padding:2.4cqw 3cqw;border-radius:3cqw;transform:rotate(-5deg);
  background:linear-gradient(160deg,#ff3b3b,#c40012 60%,#8d000c);border:2px solid #ff7a7a;box-shadow:0 0 26px rgba(255,30,50,.65),inset 0 2px 0 rgba(255,255,255,.3);animation:hp-spots 1.6s ease-in-out infinite}
.hp-spots p{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(14px,4.9cqw,36px);line-height:.95;color:#ffe14d;text-align:center;text-shadow:0 2px 0 #6a0008}
.hp-fire{font-size:clamp(22px,6.6cqw,50px);animation:hp-fire .5s ease-in-out infinite alternate;transform-origin:50% 100%}

.hp-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:2.4cqw;width:min(100%,92cqw);margin-left:4cqw;padding:2.8cqw 5cqw;border-radius:99px;
  font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(15px,4.5cqw,32px);letter-spacing:.01em;color:#00180c;white-space:nowrap;
  background:linear-gradient(180deg,#7dffc0 0%,#1cf28a 45%,#00c46a 100%);box-shadow:0 0 0 2px rgba(150,255,200,.6) inset,0 0 30px rgba(0,255,136,.6),0 10px 30px rgba(0,0,0,.5);animation:hp-ctaglow 2.2s ease-in-out infinite}
.hp-cta svg{width:1.25em;height:1.25em;flex-shrink:0}
.hp-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-120%);animation:hp-ctashine 3s ease-in-out infinite}
.hp-cta:hover{color:#00180c;text-shadow:none;filter:brightness(1.08)}
.hp-cta-arrow{font-size:1.4em;line-height:0;animation:hp-nudge 1s ease-in-out infinite}

/* --- Escena 3D (coordenadas en unidades del boceto: 860 x 638) --- */
.hp-stage{position:relative;container-type:inline-size;min-width:0;perspective:1400px}
.hp-scene:not(.tilting){animation:hp-idle 9s ease-in-out infinite}
.hp-sound{position:absolute;left:0;top:0;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-brd-strong);background:rgba(0,20,12,.85);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 0 14px rgba(0,255,136,.4)}
.hp-sound[aria-pressed="false"]{opacity:.7}
.hp-sound.hint::after{content:"Toca para activar sonido";position:absolute;left:52px;top:50%;transform:translateY(-50%);white-space:nowrap;font:600 12px Inter,sans-serif;color:#cfeede;background:rgba(0,20,12,.9);border:1px solid var(--glass-brd);padding:6px 10px;border-radius:20px}
.hp-scene{--u:calc(100cqw / 860);--rx:0deg;--ry:0deg;position:relative;width:100%;aspect-ratio:860/638;transform-style:preserve-3d;
  transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out}
.hp-scene > *{position:absolute}
.hp-photo{left:calc(var(--u)*30);top:0;width:calc(var(--u)*530);height:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%);mask-composite:intersect}
.hp-photo-img{position:absolute;inset:0;background:url(hero-promo.webp) no-repeat;background-size:calc(var(--u)*1600) calc(var(--u)*778);background-position:calc(var(--u)*-770) calc(var(--u)*-140);
  transform-origin:50% 95%}
/* Capa de la mujer (cabeza, mano y hombros) que se mueve sobre la foto: se balancea, se inclina y se ríe. */
.hp-body{position:absolute;inset:0;background:url(hero-promo.webp) no-repeat;background-size:calc(var(--u)*1600) calc(var(--u)*778);background-position:calc(var(--u)*-770) calc(var(--u)*-140);
  -webkit-mask-image:radial-gradient(ellipse calc(var(--u)*150) calc(var(--u)*215) at calc(var(--u)*150) calc(var(--u)*200),#000 62%,transparent 100%);
  mask-image:radial-gradient(ellipse calc(var(--u)*150) calc(var(--u)*215) at calc(var(--u)*150) calc(var(--u)*200),#000 62%,transparent 100%);
  transform-origin:calc(var(--u)*150) calc(var(--u)*430);animation:hp-woman 8s ease-in-out infinite;will-change:transform}
.hp-sweep{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(180,255,220,.16) 50%,transparent 65%);background-size:300% 100%;animation:hp-sweep 6s ease-in-out infinite;mix-blend-mode:screen}

.hp-heart{left:calc(var(--u)*370);top:calc(var(--u)*120);font-size:calc(var(--u)*26);opacity:0;transform:translateZ(80px);animation:hp-float-up 5.4s ease-out infinite;filter:drop-shadow(0 0 8px rgba(0,255,136,.7))}
.hp-heart.h2{left:calc(var(--u)*400);animation-delay:1.8s;font-size:calc(var(--u)*22)}
.hp-heart.h3{left:calc(var(--u)*345);animation-delay:3.6s;font-size:calc(var(--u)*20)}

.hp-wa{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5dff9e,#12c95b 60%,#078a3c);box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 22px rgba(0,255,120,.85);animation:hp-bob 4s ease-in-out infinite}
.hp-wa svg{width:62%;height:62%}
.hp-wa::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(0,255,136,.8);animation:hp-ring 2.4s ease-out infinite}
.hp-wa{opacity:0;scale:.3;transition:opacity .35s ease,scale .55s cubic-bezier(.2,1.6,.4,1)}
.hp-wa.show{opacity:1;scale:1}
.hp-wa.w1{left:calc(var(--u)*540);top:calc(var(--u)*18);width:calc(var(--u)*56);height:calc(var(--u)*56);transform:translateZ(70px)}
.hp-wa.w2{left:calc(var(--u)*574);top:calc(var(--u)*104);width:calc(var(--u)*46);height:calc(var(--u)*46);transform:translateZ(90px);animation-delay:-1.3s}
.hp-wa.w3{left:calc(var(--u)*594);top:calc(var(--u)*172);width:calc(var(--u)*42);height:calc(var(--u)*42);transform:translateZ(80px);animation-delay:-2.6s}
.hp-wa.w4{left:calc(var(--u)*586);top:calc(var(--u)*238);width:calc(var(--u)*42);height:calc(var(--u)*42);transform:translateZ(80px);animation-delay:-3.4s}

.hp-chat{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:calc(var(--u)*10);padding:calc(var(--u)*8) calc(var(--u)*12) calc(var(--u)*6) calc(var(--u)*8);
  border-radius:calc(var(--u)*12);border-top-left-radius:calc(var(--u)*3);background:linear-gradient(180deg,#ffffff,#e9f5ee);color:#1d2a24;
  box-shadow:0 0 0 1px rgba(0,255,136,.55),0 0 18px rgba(0,255,136,.45),0 calc(var(--u)*14) calc(var(--u)*24) rgba(0,0,0,.55);
  opacity:0;transform:translateZ(110px) rotateY(-14deg) translateX(30px) scale(.7);transition:opacity .45s ease,transform .6s cubic-bezier(.2,1.4,.4,1);animation:hp-bob 5s ease-in-out infinite}
.hp-chat.show{opacity:1;transform:translateZ(110px) rotateY(-14deg)}
.hp-chat p{margin:0;font-size:calc(var(--u)*12.5);line-height:1.3;font-weight:500}
.hp-chat small{grid-column:2;justify-self:end;font-size:calc(var(--u)*9);color:#6b7b73;line-height:1}
.hp-chat small i{font-style:normal;color:#2aa7ff;letter-spacing:-.25em}
.hp-av{grid-row:span 2;width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00d47a;
  background:url(hero-promo.webp) no-repeat;background-size:calc(var(--u)*1600) calc(var(--u)*778);background-position:calc(var(--u)*(17 - var(--ax))) calc(var(--u)*(17 - var(--ay)))}
.hp-chat.c1{left:calc(var(--u)*605);top:calc(var(--u)*16);width:calc(var(--u)*210)}
.hp-chat.c2{left:calc(var(--u)*628);top:calc(var(--u)*96);width:calc(var(--u)*214);animation-delay:-1.2s}
.hp-chat.c3{left:calc(var(--u)*643);top:calc(var(--u)*162);width:calc(var(--u)*196);animation-delay:-2.4s}
.hp-chat.c4{left:calc(var(--u)*634);top:calc(var(--u)*228);width:calc(var(--u)*214);animation-delay:-3.6s}

.hp-pay{left:calc(var(--u)*540);top:calc(var(--u)*360);width:calc(var(--u)*320);height:calc(var(--u)*278);transform-style:preserve-3d;transform:translateZ(60px)}
.hp-pay-card{position:absolute;left:calc(var(--u)*20);top:0;width:calc(var(--u)*280);height:calc(var(--u)*172);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*4);
  border-radius:calc(var(--u)*22);background:linear-gradient(180deg,#05150d,#000);border:calc(var(--u)*3) solid #19ff86;
  box-shadow:0 0 calc(var(--u)*28) rgba(0,255,136,.8),inset 0 0 calc(var(--u)*24) rgba(0,255,136,.25);transform:rotateY(-14deg) rotateX(6deg);animation:hp-paybob 4.5s ease-in-out infinite}
.hp-pay-card::before{content:"";position:absolute;inset:calc(var(--u)*6);border-radius:calc(var(--u)*16);border:1px solid rgba(0,255,136,.45)}
.hp-pay-card b{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:calc(var(--u)*46);line-height:1;color:#fff;letter-spacing:.01em;text-shadow:0 0 12px rgba(255,255,255,.5)}
.hp-pay-card span{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:calc(var(--u)*20);color:#ffd23f;letter-spacing:.03em}
.hp-pay-card .hp-inf{font-family:Inter,sans-serif;font-size:calc(var(--u)*72);line-height:.7;color:#4dffa6;text-shadow:0 0 14px #00ff88;animation:hp-inf 2.4s ease-in-out infinite}
.hp-pay-card .hp-crown{position:absolute;top:calc(var(--u)*-26);font-size:calc(var(--u)*34);filter:drop-shadow(0 0 8px rgba(255,200,0,.8));animation:hp-crown 2.6s ease-in-out infinite}
.hp-podium{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--u)*110)}
.hp-podium i{position:absolute;left:50%;border-radius:50%;transform:translateX(-50%)}
.hp-podium i:first-child{bottom:calc(var(--u)*10);width:calc(var(--u)*300);height:calc(var(--u)*70);background:radial-gradient(ellipse at 50% 40%,#1c2a23 0%,#060a08 70%);border:2px solid #19ff86;box-shadow:0 0 30px rgba(0,255,136,.7),inset 0 -6px 16px rgba(0,255,136,.4)}
.hp-podium i:last-child{bottom:calc(var(--u)*48);width:calc(var(--u)*240);height:calc(var(--u)*40);border:2px solid rgba(0,255,136,.9);box-shadow:0 0 22px rgba(0,255,136,.9);animation:hp-podium 2.2s ease-in-out infinite}

@keyframes hp-shine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
@keyframes hp-textshine{0%,55%{background-position:150% 0}85%,100%{background-position:-50% 0}}
@keyframes hp-spin{to{transform:rotate(360deg)}}
@keyframes hp-speed{50%{transform:translateX(-6px);opacity:.4}}
@keyframes hp-green{50%{filter:drop-shadow(0 3px 0 #04441f) drop-shadow(0 0 34px rgba(0,255,120,.85))}}
@keyframes hp-boxglow{50%{box-shadow:0 0 34px rgba(0,255,136,.6),inset 0 0 26px rgba(0,255,136,.18)}}
@keyframes hp-spots{50%{transform:rotate(-5deg) scale(1.05);box-shadow:0 0 40px rgba(255,30,50,.95),inset 0 2px 0 rgba(255,255,255,.3)}}
@keyframes hp-fire{to{transform:scale(1.12,1.18) rotate(-4deg);filter:drop-shadow(0 0 10px #ff9a00)}}
@keyframes hp-ctaglow{50%{box-shadow:0 0 0 2px rgba(150,255,200,.8) inset,0 0 46px rgba(0,255,136,.9),0 10px 30px rgba(0,0,0,.5)}}
@keyframes hp-ctashine{55%,100%{transform:translateX(120%)}}
@keyframes hp-nudge{50%{transform:translateX(6px)}}
@keyframes hp-breath{50%{transform:scale(1.15);opacity:.7}}
@keyframes hp-alive{0%,100%{transform:scale(1) translateY(0) rotate(0)}30%{transform:scale(1.018) translateY(-.6%) rotate(-.25deg)}60%{transform:scale(1.008) translateY(-.2%) rotate(.2deg)}}
@keyframes hp-woman{
  0%,100%{transform:rotate(0) translate(0,0) scale(1)}
  16%{transform:rotate(-2deg) translate(calc(var(--u)*-3),calc(var(--u)*-3)) scale(1.01)}
  34%{transform:rotate(1.6deg) translate(calc(var(--u)*3),0) scale(1.006)}
  48%{transform:rotate(0) translate(0,calc(var(--u)*-2)) scale(1.014)}
  /* risa: pequeños rebotes */
  54%{transform:rotate(-1.2deg) translate(0,calc(var(--u)*-7)) scale(1.02)}
  58%{transform:rotate(.3deg) translate(0,calc(var(--u)*-2)) scale(1.014)}
  62%{transform:rotate(-1.3deg) translate(0,calc(var(--u)*-7)) scale(1.02)}
  66%{transform:rotate(.2deg) translate(0,calc(var(--u)*-2)) scale(1.014)}
  70%{transform:rotate(-1deg) translate(0,calc(var(--u)*-6)) scale(1.018)}
  76%{transform:rotate(.2deg) translate(0,calc(var(--u)*-1)) scale(1.01)}
  86%{transform:rotate(1.2deg) translate(calc(var(--u)*2),0) scale(1.005)}
}
@keyframes hp-idle{0%,100%{transform:rotateX(var(--rx)) rotateY(var(--ry))}50%{transform:rotateX(calc(var(--rx) + 2deg)) rotateY(calc(var(--ry) - 5deg))}}
@keyframes hp-sweep{0%,30%{background-position:150% 0}70%,100%{background-position:-50% 0}}
@keyframes hp-float-up{0%{opacity:0;translate:0 0;scale:.6}15%{opacity:1}100%{opacity:0;translate:calc(var(--u)*30) calc(var(--u)*-150);scale:1.2}}
@keyframes hp-bob{50%{translate:0 calc(var(--u)*-7)}}
@keyframes hp-ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes hp-paybob{50%{translate:0 calc(var(--u)*-8)}}
@keyframes hp-inf{50%{text-shadow:0 0 28px #00ff88,0 0 4px #fff;color:#b8ffd9}}
@keyframes hp-crown{50%{translate:0 calc(var(--u)*-5);rotate:-6deg}}
@keyframes hp-podium{50%{box-shadow:0 0 40px rgba(0,255,136,1);opacity:.6}}

@media(max-width:980px){
  .promo-bar{height:40px;gap:10px}
  .pb-inner{font-size:17px;gap:10px}
  .pb-item small{display:none}
  .nav{top:50px}
  .hero.hero-promo{padding-top:128px}
  .hp-inner{grid-template-columns:1fr;gap:24px;max-width:720px}
}
@media(max-width:640px){
  .pb-chev,.pb-spark,.pb-sep+.pb-item+.pb-sep,.pb-hot{display:none}
  .pb-inner{font-size:14px;gap:8px;letter-spacing:.02em}
  .promo-bar{gap:0}
  .hp-mxn b{font-size:11cqw}
  .hp-mxn span{font-size:5.6cqw}
  .hp-spots p{font-size:4.4cqw}
  .hp-inner{padding-inline:16px}
  .hp-cta{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.hp-chat{opacity:1;transform:translateZ(110px) rotateY(-14deg)}.hp-wa{opacity:1;scale:1}.hp-heart{display:none}}