/* ---------- escenario (coordenadas fijas 1920x1080, se escala con transform) ---------- */
#stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#0A0A1F;color:#F7F8FF;
  font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
#stage svg{position:absolute;left:0;top:0;display:block}
#stage .scene{visibility:hidden}
#txt{position:absolute;inset:0;pointer-events:none}
#txt .tx{position:absolute;inset:0;visibility:hidden}
#brand{position:absolute;right:58px;bottom:34px;font-family:'Instrument Serif',serif;font-size:36px;letter-spacing:-.01em;color:#F7F8FF;opacity:.9}
#stage.v #brand{right:80px;bottom:120px;font-size:44px}
#brand em{color:#22D3EE}
#prog{position:absolute;right:64px;top:50px;display:flex;gap:8px}
#stage.v #prog{right:80px;top:118px}
#prog i{width:30px;height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
#prog i.done{background:rgba(124,92,255,.75)}
#prog i.on{background:linear-gradient(90deg,#7C5CFF,#22D3EE)}
.kick{position:absolute;font:700 20px/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#22D3EE;display:flex;align-items:center;gap:12px;opacity:0}
#stage.v .kick{font-size:24px}
.kick b{width:12px;height:12px;border-radius:50%;background:#B6F23A;box-shadow:0 0 14px #B6F23A}
.hl{position:absolute;visibility:hidden;font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;line-height:.98;letter-spacing:-.035em;color:#F7F8FF}
.hl .w,.cl .w,.lock .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .05em .14em;margin:-.06em -.05em -.14em}
.wi{display:inline-block;position:relative;will-change:transform}
.wi.em{background:linear-gradient(92deg,#B69CFF 0%,#7C5CFF 30%,#22D3EE 75%,#B6F23A 120%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.wi .sk{position:absolute;left:-2%;right:-2%;top:52%;height:.07em;background:#FF4FD8;border-radius:.04em;transform:scaleX(0);transform-origin:0 50%}
.hl .wi .sk{display:none}
.kw{position:absolute;text-align:center;font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1;opacity:0;color:#9aa0c8}
.kw span{position:relative;display:inline-block}
.kw .kws{position:absolute;left:50%;top:52%;width:560px;margin-left:-280px;height:16px;border-radius:8px;background:#FF4FD8;transform:scaleX(0);transform-origin:0 50%}
#stage.v .kw .kws{width:480px;margin-left:-240px}
.kw.grad span{background:linear-gradient(92deg,#7C5CFF,#22D3EE 60%,#B6F23A);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.stp{position:absolute;opacity:0}
.stp b{display:block;font:800 36px/1.05 'Bricolage Grotesque',Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.stp span{display:block;margin-top:8px;font:500 21px/1.3 Inter,sans-serif;color:#aeb4dc}
.stp.v b{font-size:44px}.stp.v span{font-size:27px}
/* chat «pregúntale a tu empresa» */
.chat{position:absolute;opacity:0;border-radius:32px;background:linear-gradient(160deg,#25235a,#15153c 70%);border:2px solid rgba(255,255,255,.18);
  box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.2);padding:0 34px;transform-origin:50% 50%;overflow:hidden}
.ch-top{display:flex;align-items:center;gap:10px;height:64px;border-bottom:1px solid rgba(255,255,255,.12);margin:0 -34px 26px;padding:0 30px;font:700 22px Inter,sans-serif;color:#dfe2ff}
.ch-top b{width:14px;height:14px;border-radius:50%;background:#FF4FD8}.ch-top b:nth-child(2){background:#FF8A3D}.ch-top b:nth-child(3){background:#B6F23A;margin-right:10px}
.ch-top em{margin-left:auto;font-style:normal;font:800 18px Inter;color:#0A0A1F;background:linear-gradient(90deg,#7C5CFF,#22D3EE);padding:6px 14px;border-radius:20px}
.ch-q{display:flex;justify-content:flex-end;align-items:flex-end;gap:16px;opacity:0}
.ch-qb{max-width:76%;background:linear-gradient(120deg,#7C5CFF,#a24dff);color:#fff;font:600 31px/1.3 Inter,sans-serif;padding:20px 28px;border-radius:28px 28px 6px 28px;min-height:82px;box-shadow:0 12px 30px rgba(124,92,255,.35)}
.caret{display:inline-block;width:3px;height:1.05em;background:#fff;vertical-align:-.15em;margin-left:3px}
.ch-av{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#2a2660;border:3px solid #FF4FD8;flex:none}
.ch-av svg{display:block}
.ch-think{display:flex;gap:9px;margin:22px 0 0 8px;opacity:0}
.ch-think i{width:13px;height:13px;border-radius:50%;background:#22D3EE}
.ch-a{display:flex;gap:16px;margin-top:-14px;opacity:0}
.ch-ai{width:60px;height:60px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:30px;color:#0A0A1F;background:linear-gradient(135deg,#7C5CFF,#22D3EE);box-shadow:0 0 30px rgba(34,211,238,.5)}
.ch-ab{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:6px 28px 28px 28px;padding:18px 26px 20px}
.ch-ab p{margin:0 0 12px;font:600 26px/1.3 Inter,sans-serif;color:#eef0ff}
.bars{display:flex;gap:44px;height:150px;align-items:flex-end;padding:0 10px 30px;position:relative}
.bars .bg{position:relative;display:flex;gap:10px;align-items:flex-end;height:100%;flex:1}
.bars i{display:block;flex:1;border-radius:10px 10px 4px 4px;transform-origin:50% 100%}
.bars .b1{background:linear-gradient(180deg,#22D3EE,#7C5CFF)}.bars .b2{background:linear-gradient(180deg,#B6F23A,#2fd47a)}
.bars span{position:absolute;bottom:-32px;left:0;right:0;text-align:center;font:600 19px Inter;color:#9aa0c8}
.ch-tags{display:flex;gap:10px;margin-top:4px}
.ch-tags span{font:600 18px Inter;color:#22D3EE;border:1.5px solid rgba(34,211,238,.5);padding:6px 14px;border-radius:18px}
#stage.v .ch-qb{font-size:34px}#stage.v .ch-ab p{font-size:28px}#stage.v .bars{height:200px}
/* cierre */
.cl{position:absolute;left:0;text-align:center;visibility:hidden;font:600 54px/1.1 Inter,sans-serif;color:#cfd3f5;box-sizing:border-box}
.cl.big{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1;color:#fff}
.lock{position:absolute;left:0;text-align:center;visibility:hidden}
.lk1{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff}
.lk2{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1;margin-top:6px}
.cta{display:inline-flex;align-items:center;gap:30px;margin-top:46px;opacity:0}
#stage.v .cta{flex-direction:column;gap:22px;margin-top:70px}
.cta .pill{font:800 34px/1 Inter,sans-serif;color:#0A0A1F;padding:26px 44px;border-radius:60px;background:linear-gradient(90deg,#B6F23A,#22D3EE,#7C5CFF,#FF4FD8);background-size:300% 100%;box-shadow:0 14px 50px rgba(34,211,238,.35)}
.cta .url{font:800 52px/1 'Bricolage Grotesque',Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.brand2{margin-top:34px;font-family:'Instrument Serif',serif;font-size:46px;color:#fff;opacity:0}
.brand2 em{color:#22D3EE}
.brand2 small{display:block;font:600 19px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9aa0c8;margin-top:6px}
/* subtítulos y cortinilla */
#subs{position:absolute;left:0;right:0;bottom:38px;text-align:center;opacity:0;pointer-events:none}
#stage.v #subs{bottom:250px}
#subs span{display:inline-block;max-width:1500px;font:600 36px/1.3 Inter,sans-serif;color:#fff;background:rgba(10,10,31,.78);border:1px solid rgba(255,255,255,.12);padding:12px 30px;border-radius:18px}
#stage.v #subs span{max-width:940px;font-size:44px}
#wipe{position:absolute;top:-10%;left:-15%;width:130%;height:120%;background:linear-gradient(100deg,#7C5CFF 0%,#22D3EE 55%,#B6F23A 100%);visibility:hidden}