/* ==========================================================================
   La IA que deja de adivinar · piezas propias del deck (sobre la plantilla Day One)
   ========================================================================== */
.full{position:absolute;left:0;top:0;width:1440px;height:810px;pointer-events:none;overflow:visible}
.ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pnl{background:linear-gradient(180deg,#151b31,#0d1122);border:1.5px solid var(--line2);border-radius:22px}
.lbl{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.caret{display:inline-block;width:3px;height:1em;background:var(--mg);vertical-align:-.12em;margin-left:4px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.sv-t{font-family:Montserrat,sans-serif;font-weight:700;fill:#fff;text-transform:uppercase}

/* ---------- minicerebro (hilo visual) ---------- */
#mini{position:absolute;left:1270px;top:14px;width:120px;z-index:6;pointer-events:none;opacity:0;text-align:center}
#mini svg{width:120px;height:120px;overflow:visible;display:block}
#mini .ring{fill:none;stroke:var(--line2);stroke-width:1.5}
#mini .lk{stroke:var(--line2);stroke-width:1.2;transition:stroke .4s}
#mini .lk.lit{stroke:var(--mg-line)}
#mini .nr{fill:var(--bg);stroke:#3a4260;stroke-width:1.5;transition:fill .3s,stroke .3s}
#mini .nr.lit{fill:var(--mg);stroke:var(--mg)}
#mini .halo{fill:none;stroke:var(--mg);stroke-width:2;opacity:0}
#mini .core{fill:var(--mg)}
#mini .lab{font:700 11px Montserrat;letter-spacing:.16em;color:var(--mut);margin-top:-2px}
#mini .lab b{color:var(--mg-soft)}
.spk{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;
  box-shadow:0 0 12px 4px var(--mg),0 0 34px 10px rgba(236,0,140,.45);z-index:7;pointer-events:none}

/* ---------- interfaz de Clientify redibujada ---------- */
.ui{position:absolute;background:#fff;border-radius:22px;color:#052451;font-family:Poppins,system-ui,sans-serif;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06);overflow:hidden;text-transform:none}
.ui .uh{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #E2EAF5;font-size:15px;font-weight:600;line-height:1.3}
.ui .uh small{display:block;font-size:12px;font-weight:400;color:#5A6B80}
.ui .uh .sp{margin-left:auto}
.ui .ub{background:#F1FAFF;position:absolute;left:0;right:0;bottom:0;top:69px;padding:18px 20px}
.av{width:36px;height:36px;border-radius:50%;background:#0067EE;color:#fff;display:grid;place-items:center;font:600 13px Poppins,sans-serif;flex:none}
.av.p{background:#E8F1FF;color:#0067EE}
.bdg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#0067EE;background:#E8F1FF;border-radius:99px;padding:4px 10px;white-space:nowrap}
.bdg.mg{color:#c4007a;background:#ffe3f3}
.bdg .dt{width:7px;height:7px;border-radius:50%;background:currentColor}
.split .box .ui{inset:0}

.sec[data-mini] .h2{width:1150px}
.s17 .kick,.s18 .kick{position:absolute;left:90px;top:84px}


/* ---------- preguntas al público (slides «¿A quién no le ha pasado?») ---------- */
.qs .lft{position:absolute;left:90px;top:84px;width:660px}
.qs .lft .h2{font-size:54px;margin-top:14px}
.qs .qq{font-size:24px;line-height:1.5;color:var(--mut2);font-weight:500;margin-top:34px}
.qs .qq b{color:#fff;font-weight:700}
.qs .hnd{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:12px 24px 12px 16px;border:1.5px solid var(--mg-line);border-radius:99px;
  font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mg-soft);background:rgba(236,0,140,.06)}
.qs .hnd .ic{width:30px;height:30px;color:var(--mg);transform-origin:50% 90%}
.scn{position:absolute;left:800px;top:170px;width:550px;height:520px;border-radius:22px;border:1.5px solid var(--line2);
  background:linear-gradient(180deg,#121830,#0b0f1e);overflow:hidden}
.scn>svg.bg{position:absolute;inset:0;width:550px;height:520px}
em.mg{font-style:normal}
/* ---------- 1 · portada ---------- */
.cover .pt circle{opacity:0}

/* ---------- 2 · dos conceptos ---------- */
.cpt{position:absolute;top:246px;width:610px;height:408px;padding:22px 24px 0;opacity:0}
.cpt.c1{left:90px}.cpt.c2{left:740px}
.cpt .ch{display:flex;align-items:center;gap:16px}
.cpt .ch b{font-size:42px;font-weight:800;color:var(--mg);line-height:1}
.cpt .ch span{font-size:19px;white-space:nowrap;font-weight:700;text-transform:uppercase;line-height:1.2}
.cpt .ch i{font-style:normal;color:var(--mg)}
.cpt svg{width:560px;height:300px;margin-top:20px;overflow:visible}
.cpt .rg{fill:none;stroke:#2a3148;stroke-width:1.5}
.cpt .bull{fill:var(--mg)}
.cpt .dt{fill:#fff}
.cpt .trk{stroke:#2a3148;stroke-width:4;stroke-linecap:round}
.cpt .trf{stroke:var(--mg);stroke-width:4;stroke-linecap:round}
.cpt .knb{fill:#fff;stroke:var(--mg);stroke-width:4;filter:drop-shadow(0 0 8px rgba(236,0,140,.8))}
.cpt .tx{font:700 12.5px Montserrat;fill:var(--mut);letter-spacing:.12em}
.cpt .tx.on{fill:var(--mg-soft)}
.cpt .gc{fill:#11162a;stroke:#3a4260;stroke-width:2}
.cpt .gq{font:800 40px Montserrat;fill:var(--mut);text-anchor:middle}
.cpt .gl{stroke:var(--mg-line);stroke-width:1.5}
.cpt .nd{fill:#11162a;stroke:#3a4260;stroke-width:1.5}
.cpt .ni{color:var(--mut2)}
.cpt .hr{fill:none;stroke:var(--mg);stroke-width:2.5;stroke-dasharray:2 9;stroke-linecap:round}
.cpt .hl{font:800 12px Montserrat;fill:var(--mg-soft);letter-spacing:.2em;text-anchor:middle}
.cpt-f{position:absolute;left:90px;top:676px;width:1260px;font-size:23px;color:var(--mut2);text-align:center;opacity:0}
.cpt-f b{color:#fff}
/* ---------- 3 · ejercicio: móvil ---------- */
.stp{position:absolute;left:90px;top:330px;width:440px;list-style:none;display:grid;gap:26px}
.stp li{display:flex;align-items:center;gap:20px;font-size:25px;font-weight:700;text-transform:uppercase;line-height:1.2}
.stp b{width:48px;height:48px;border-radius:50%;border:2px solid var(--mg);color:var(--mg);display:grid;place-items:center;font-size:22px;flex:none}
.phone{position:absolute;left:575px;top:200px;width:300px;height:590px;border-radius:48px;background:#1b2036;padding:11px;opacity:0;
  box-shadow:0 0 0 2px #2f3654,0 50px 100px -30px rgba(0,0,0,.8),0 0 90px -20px rgba(236,0,140,.45)}
.ph-scr{position:relative;width:100%;height:100%;border-radius:38px;background:#fff;overflow:hidden;font-family:Poppins,sans-serif;color:#052451;text-transform:none}
.ph-top{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 0;font-size:12px;font-weight:600;letter-spacing:.04em}
.ph-isl{width:86px;height:24px;border-radius:99px;background:#0d1122}
.ph-hd{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0 10px;font-size:15px;font-weight:600;border-bottom:1px solid #E2EAF5}
.ph-hd .ic{width:18px;height:18px;color:var(--mg)}
.ph-chat{position:absolute;left:0;right:0;top:92px;bottom:260px;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ph-me{max-width:220px;background:#ec008c;color:#fff;font-size:13px;line-height:1.4;padding:10px 14px;border-radius:18px 18px 4px 18px;opacity:0;transform-origin:100% 100%}
.ph-dots{align-self:flex-start;display:flex;gap:5px;background:#F1F4FA;border-radius:18px;padding:12px 14px;opacity:0}
.ph-dots i{width:7px;height:7px;border-radius:50%;background:#8E9BB3}
.ph-in{position:absolute;left:12px;right:12px;bottom:206px;min-height:46px;border:1.5px solid #D5DEEB;border-radius:24px;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px}
.ph-q{flex:1;font-size:13px;line-height:1.35;min-height:18px}
.ph-q .caret{width:2px}
.ph-go{width:32px;height:32px;border-radius:50%;background:#ec008c;color:#fff;display:grid;place-items:center;flex:none}
.ph-go .ic{width:16px;height:16px}
.ph-kb{position:absolute;left:0;right:0;bottom:0;height:196px;background:#E9EDF4;padding:12px 5px 0;display:flex;flex-direction:column;gap:9px}
.ph-kb .kr{display:flex;justify-content:center;gap:5px}
.ph-kb i{width:23px;height:36px;border-radius:6px;background:#fff;box-shadow:0 1px 0 #B7C0CF;font:500 14px Poppins;font-style:normal;color:#052451;display:grid;place-items:center}
.ph-kb i.w{width:150px}.ph-kb i.m{width:36px;background:#D3D9E4}
.ph-kb i.hit{background:#ec008c;color:#fff}
.s3m .timer{position:absolute;left:1030px;top:320px;width:280px;height:280px;opacity:0}
.timer svg{width:280px;height:280px;overflow:visible}
.timer .tk{fill:none;stroke:var(--line);stroke-width:10}
.timer .rg{fill:none;stroke:var(--mg);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(236,0,140,.6))}
.timer .tn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:104px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.timer .tn small{font-size:16px;font-weight:700;letter-spacing:.2em;color:var(--mut);margin-top:6px}
.timer.hot .tn b{color:var(--mg)}
.timer .tn b{font-weight:800}
/* ---------- 4 · respuestas ---------- */
.answers{position:absolute;left:90px;right:90px;top:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ans{height:118px;padding:18px 24px;display:flex;flex-direction:column;opacity:0}
.ans .an-k{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--mg)}
.ans .an-t{font-size:21px;font-weight:700;line-height:1.3;margin-top:10px}
.stamp{position:absolute;left:720px;top:388px;transform:translate(-50%,-50%) rotate(-7deg);font-size:58px;font-weight:800;text-transform:uppercase;color:var(--mg);
  border:5px solid var(--mg);border-radius:18px;padding:8px 30px;background:rgba(10,14,26,.88);white-space:nowrap;opacity:0;
  box-shadow:0 0 60px -10px rgba(236,0,140,.7);z-index:2}
.dep{position:absolute;left:90px;right:90px;top:560px}
.dep .lbl{color:var(--mut2);opacity:0}
.dep .dchips{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.dep .dchips span{font-size:17px;font-weight:700;text-transform:uppercase;padding:12px 18px;border-radius:99px;border:1.5px solid var(--line2);background:#11162a;opacity:0}
.dep .dchips span.hot{border-color:var(--mg);background:var(--mg-bg);color:#fff;box-shadow:0 0 30px -6px rgba(236,0,140,.7)}
/* ---------- 4 · campana ---------- */
.bell{position:absolute;inset:0;padding:0}
.bell svg{width:541px;height:586px;overflow:visible}
.bell .ax{stroke:var(--line2);stroke-width:2}
.bell .cv{fill:none;stroke:var(--mg);stroke-width:3;filter:drop-shadow(0 0 8px rgba(236,0,140,.5))}
.bell .ar{fill:url(#bellg);opacity:0}
.bell .dp{fill:#fff}
.bell .tk{stroke:#fff;stroke-width:2}
.bell .tl{font:700 13px Montserrat;fill:var(--mut2);text-anchor:middle}
.bell .cap{font:700 14px Montserrat;fill:var(--mut);letter-spacing:.14em}
.bell .pk{font:700 14px Montserrat;fill:var(--mg-soft);text-anchor:middle;letter-spacing:.1em}

.s5p .h3{font-size:54px}
.s5p .sup b{color:#fff}
.ul-mg{font-style:normal;color:var(--mg);position:relative;white-space:nowrap}
.bell .hop rect{fill:var(--mg)}
.bell .hop text{font:800 13px Montserrat;fill:#fff;letter-spacing:.12em;text-anchor:middle}
/* ---------- 6 · colapso y precisión ---------- */
.s5 .h3{font-size:52px}
.s5 .sup b{color:#fff}
.s5 .ar{font-style:normal;color:var(--mg)}
.clp{position:absolute;inset:0}
.mc{position:absolute;width:210px;padding:12px 18px;font-size:15px;font-weight:700;color:var(--mut2);border-radius:14px}
.mc span{display:block;font-size:12px;letter-spacing:.14em;color:var(--mut);margin-bottom:4px}
.fc{position:absolute;left:60px;top:140px;width:421px;padding:20px 28px;border-color:var(--mg);background:var(--mg-bg);opacity:0}
.fc .lbl{color:var(--mg-soft)}
.fc b{display:block;font-size:24px;font-weight:700;margin-top:8px;line-height:1.25}
.tdc{position:absolute;left:90px;top:312px;width:361px;padding:16px 24px;opacity:0}
.tdc .lbl{color:var(--mut2)}
.tdc .icons{display:flex;gap:16px;margin-top:12px;color:var(--mg-soft)}
.clp > svg{position:absolute;inset:0;width:541px;height:586px;overflow:visible;pointer-events:none}
.clp .lnk{stroke:var(--mg);stroke-width:2.5;fill:none}
.mtr{position:absolute;left:40px;right:40px;top:450px;opacity:0}
.mt-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.mt-h .lbl{color:#fff}
.mt-t{height:14px;border-radius:99px;background:#1a2036;margin-top:10px;overflow:hidden}
.mt-t i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#7a0c52,var(--mg))}
.mt-c{display:flex;gap:12px;margin-top:16px;justify-content:center}
.mt-c span{font-size:14px;font-weight:700;text-transform:uppercase;padding:9px 16px;border-radius:99px;border:1.5px solid var(--line2);color:var(--mut2);opacity:.25}
.mt-c span.on{border-color:var(--mg);color:#fff;background:var(--mg-bg)}
/* ---------- 7 · ¿cuántas herramientas? ---------- */
.s07t .h2{width:700px;font-size:56px}
.tp-k{position:absolute;left:90px;top:420px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mg-soft)}
.tp-k .ic{width:30px;height:30px;color:var(--mg);transform-origin:50% 90%}
.tp-poll{position:absolute;left:90px;top:470px;width:640px}
.tp-o{position:relative;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px;height:62px;margin-bottom:14px;padding:0 22px;
  border:1.5px solid var(--line2);border-radius:16px;background:#11162a;transition:border-color .3s,box-shadow .3s}
.tp-o b{font-size:26px;font-weight:800;text-transform:uppercase}
.tp-tr{display:block;height:12px;border-radius:99px;background:#1a2038;overflow:hidden}
.tp-tr i{display:block;height:100%;width:0;border-radius:99px;background:#4a5373}
.tp-o.lit{border-color:var(--mg)}
.tp-o.hot.lit{box-shadow:0 0 44px -8px rgba(236,0,140,.8)}
.tp-o.hot .tp-tr i{background:linear-gradient(90deg,#a3005f,var(--mg))}
.tp-desk{position:absolute;left:800px;top:110px;width:560px;height:590px}
.tw{position:absolute;width:184px;height:112px;border-radius:14px;background:#151b31;border:1.5px solid var(--line2);
  box-shadow:0 24px 44px -16px rgba(0,0,0,.8);overflow:hidden}
.tw .tb{height:24px;background:#1c2340;display:flex;gap:5px;align-items:center;padding:0 10px}
.tw .tb i{width:7px;height:7px;border-radius:50%;background:#3a4260}
.tw .twc{display:flex;align-items:center;gap:12px;padding:18px 16px}
.tw .ic{width:30px;height:30px;color:var(--mg-soft)}
.tw span{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
.tp-cnt{position:absolute;right:0;bottom:0;z-index:30;text-align:right;padding:14px 20px;border-radius:18px;background:rgba(10,14,26,.92);border:1.5px solid var(--mg-line)}
.tp-cnt b{display:block;font-size:76px;font-weight:900;line-height:.95;color:var(--mg);font-variant-numeric:tabular-nums}
.tp-cnt span{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut2)}
/* ---------- 7 · islas ---------- */
.s6 .h2,.s12 .h2,.s20 .h2{font-size:54px}
.isl{position:absolute;width:340px;height:140px;padding:24px 26px;display:flex;gap:18px;align-items:flex-start;opacity:0}
.isl .ii{width:52px;height:52px;border-radius:14px;background:#1a2038;border:1.5px solid var(--line2);display:grid;place-items:center;color:var(--mut2);flex:none}
.isl .in{font-size:21px;font-weight:700;text-transform:uppercase;line-height:1.2}
.isl .is{font-size:15px;color:var(--mut);margin-top:6px;line-height:1.35}
.isl .ai{position:absolute;right:16px;top:14px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--mg-soft);border:1.5px solid var(--mg-line);border-radius:99px;padding:3px 10px}
.brk .lk{stroke:var(--mg);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(236,0,140,.7))}
.brk .h1,.brk .h2{stroke:#4a5272;stroke-width:3;stroke-linecap:round;opacity:0}
.brk .sp{stroke:#fff;stroke-width:2.5;stroke-linecap:round;opacity:0}
.brk .bd{fill:var(--mg);opacity:0}
/* ---------- 8 · un solo cerebro ---------- */
.s7h{position:absolute;left:90px;top:200px;font-size:88px;font-weight:700;line-height:1;text-transform:uppercase}
.s7 .kick{position:absolute;left:90px;top:160px}
.s7 .sup{position:absolute;left:90px;top:400px;width:540px;font-size:25px}
.s7 .sup b{color:#fff}
.s7u{position:absolute;left:90px;top:500px;width:540px}
.iq{position:absolute;left:90px;top:640px;width:480px}
.iq .lbl{color:var(--mut2)}
.iq-t{height:10px;border-radius:99px;background:#1a2036;margin-top:10px;overflow:hidden}
.iq-t i{display:block;height:100%;width:4%;border-radius:99px;background:linear-gradient(90deg,#7a0c52,var(--mg));box-shadow:0 0 14px rgba(236,0,140,.8)}
.c-ln{stroke:var(--mg-line);stroke-width:1.5}
.c-oc{stroke:#2a3148;stroke-width:1.2;fill:none}
.c-nd{fill:#11162a;stroke:#3a4260;stroke-width:1.5}
.c-ic{color:#fff}
.c-lb{font:700 14px Montserrat;fill:var(--mut2);letter-spacing:.06em;text-transform:uppercase}
.c-core{fill:var(--mg-bg);stroke:var(--mg);stroke-width:2}
.c-cn{font:800 9px Montserrat;fill:#fff;letter-spacing:.16em;text-anchor:middle}
.c-sn{font:800 16px Montserrat;fill:#fff;text-anchor:middle;letter-spacing:.2em}
.c-rip{fill:none;stroke:var(--mg);stroke-width:2;opacity:0}
.c-p{fill:#fff;filter:drop-shadow(0 0 6px #ec008c)}
.c-el{stroke:#3a4260;stroke-width:1.5;stroke-dasharray:4 7;fill:none}
.c-eb{fill:#0f1324;stroke:#4a5272;stroke-width:1.5;stroke-dasharray:5 4}
.c-ek{font:700 10px Montserrat;fill:var(--mut);letter-spacing:.2em;text-anchor:middle}
.c-et{font:800 14px Montserrat;fill:#fff;letter-spacing:.08em;text-anchor:middle}
.c-ep{fill:var(--mg-soft)}
.c-hr{fill:none;stroke:var(--mg);stroke-width:2;stroke-dasharray:10 8;opacity:.85}
.c-lkb{fill:var(--mg)}
.c-lks{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}
.c-lkr{fill:#fff}
/* ---------- 8 · historia ---------- */
.ghost{opacity:.4}
.ghost circle{fill:none;stroke:var(--mg-line);stroke-width:2}
.ghost .gd{fill:var(--mg);stroke:none}

/* ---------- 10 · Media Agency ---------- */
.s10m .h3{font-size:64px}
.lu{position:absolute;inset:0}
.lu svg{width:541px;height:586px;overflow:visible}
.lu-ln{stroke:var(--mg);stroke-width:2}
.lu-me{fill:var(--mg-bg);stroke:var(--mg);stroke-width:2.5}
.lu-l{font:800 42px Montserrat;fill:#fff;text-anchor:middle}
.lu-nm{font:800 20px Montserrat;fill:#fff;letter-spacing:.04em}
.lu-sb{font:500 14px Montserrat;fill:var(--mut2)}
.lu-db{fill:#11162a;stroke:#3a4260;stroke-width:1.5}
.lu-dt{font:800 11px Montserrat;fill:#fff;text-anchor:middle;letter-spacing:.06em}
.lu-pp{fill:#2a3150;stroke:var(--mg-soft);stroke-width:1.5}
.lu-ti{color:var(--mut2)}
.lu-tn{font:700 10px Montserrat;fill:var(--mut);text-anchor:middle;letter-spacing:.1em}
.lu-ai rect{fill:var(--mg-bg);stroke:var(--mg);stroke-width:1.5}
.lu-ai text{font:800 10px Montserrat;fill:var(--mg-soft);text-anchor:middle;letter-spacing:.1em}
.lu-x line{stroke:var(--mg);stroke-width:3;stroke-linecap:round}
.lu-st{position:absolute;left:34px;right:34px;top:476px;padding:16px 20px;border:4px solid var(--mg);border-radius:16px;background:rgba(10,14,26,.9);
  font-size:25px;font-weight:800;text-transform:uppercase;text-align:center;line-height:1.15;color:#fff;opacity:0}
.lu-st b{color:var(--mg)}
.lu-q{font-size:26px;font-weight:700;text-transform:uppercase;margin-top:26px;line-height:1.25}
.lu-q b{color:var(--mg)}
.s10m .sup{margin-bottom:20px;font-size:21px}.s10m .sup b{color:#fff}
.lu-sc{width:608px;height:290px}
.lu-sc svg{width:608px;height:290px;overflow:visible}
.ls-bg{fill:#11162a;stroke:var(--line2);stroke-width:1.5}
.ls-win{fill:#0c1530;stroke:#3a4260;stroke-width:2}
.ls-bd{fill:#1a2347}
.ls-lw{fill:#ffd88a}
.ls-scr{fill:#070a14;stroke:#3a4260;stroke-width:2}
.ls-bar{fill:var(--mg)}
.ls-ln{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.ls-sl{font:700 9px Montserrat;fill:var(--mut);letter-spacing:.14em}
.ls-tb{fill:#2a3150}
.ls-lid{fill:#c9d2e6}
.ls-lt{font:800 7px Montserrat;fill:#11162a;text-anchor:middle;letter-spacing:.08em}
.ls-glow{fill:rgba(160,200,255,.18)}
.ls-q circle{fill:#fff}.ls-q text{font:900 15px Montserrat;fill:var(--mg);text-anchor:middle}
.ls-arm{stroke:#c4007a;stroke-width:9;stroke-linecap:round}
.ls-bub rect{fill:#fff}.ls-bub path{fill:#fff}
.ls-bt{font:600 13px Poppins,sans-serif;fill:#052451}
.ls-nm{font:800 12px Montserrat;fill:#fff;text-anchor:middle;letter-spacing:.08em}
.ls-nm2{font:700 9px Montserrat;fill:var(--mut2);text-anchor:middle;letter-spacing:.08em}
/* ---------- 11 · 12 · datos ---------- */
.sdat .kick{position:absolute;left:90px;top:96px}
.dt-big{position:absolute;left:82px;top:150px;font-size:230px;font-weight:800;line-height:1;letter-spacing:-.04em;color:#fff;white-space:nowrap}
.dt-big i{font-style:normal;font-size:120px;color:var(--mg);margin-left:10px}
.dt-ph{position:absolute;left:90px;top:420px;width:640px;font-size:40px;font-weight:800;text-transform:uppercase;line-height:1.12}
.dt-ph b{color:var(--mg)}
.dt-src{position:absolute;left:90px;top:640px;width:640px;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.dt-grid{position:absolute;left:870px;top:150px;width:470px;display:grid;grid-template-columns:repeat(10,1fr);gap:10px}
.dt-grid span{display:block;aspect-ratio:1;border-radius:7px;background:#1a2038;border:1px solid #2a3150}
.dt-grid span.on{background:var(--mg);border-color:var(--mg);box-shadow:0 0 14px -2px rgba(236,0,140,.7)}
.dt-gl{position:absolute;left:870px;top:640px;width:470px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2);text-align:center}
.dt-bars{position:absolute;left:820px;top:190px;width:540px}
.br{display:grid;grid-template-columns:1fr 92px;align-items:end;row-gap:10px;margin-bottom:38px}
.br-l{grid-column:1 / 3;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut2)}
.br-t{height:26px;border-radius:13px;background:#1a2038;overflow:hidden}
.br-t i{display:block;height:100%;width:0;border-radius:13px;background:#4a5272}
.br b{font-size:34px;font-weight:800;text-align:right;line-height:26px}
.br.hot .br-l{color:#fff}
.br.hot .br-t i{background:var(--mg);box-shadow:0 0 22px rgba(236,0,140,.8)}
.br.hot b{color:var(--mg)}
.br-gap{margin-top:12px;padding:18px 22px;border:2px solid var(--mg-line);border-radius:14px;font-size:22px;font-weight:700;text-transform:uppercase;line-height:1.25;opacity:0}
.br-gap b{color:var(--mg)}
/* ---------- 14 · tres negocios, la misma IA, el mismo texto ---------- */
.ig-hd{position:absolute;left:128px;right:14px;top:20px;display:grid;grid-template-columns:repeat(3,128px);gap:12px}
.ig-h{display:flex;align-items:center;gap:8px;opacity:0}
.ig-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c);font-size:11px;font-weight:900;flex:none}
.ig-nm{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ig-r{position:absolute;left:14px;right:14px;height:80px;display:grid;grid-template-columns:104px repeat(3,128px);gap:12px;align-items:center}
.ig-r:nth-of-type(2){top:66px}.ig-r:nth-of-type(3){top:154px}.ig-r:nth-of-type(4){top:242px}.ig-r:nth-of-type(5){top:330px}
.ig-rl{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2);opacity:0}
.ig-rl .ic{width:18px;height:18px;color:var(--mg);flex:none}
.ig-c{height:80px;border-radius:12px;background:#fff;border:2px solid transparent;padding:9px 10px;color:#052451;font-family:Poppins,sans-serif;overflow:hidden;opacity:0}
.ig-c small{display:block;font-size:9.5px;font-weight:600;color:#5A6B80;text-transform:uppercase;letter-spacing:.08em}
.ig-c p{margin-top:3px;font-size:11.5px;font-weight:600;line-height:1.3}
.ig-d{position:relative;background:linear-gradient(135deg,#5b2bd6,#c03cc4 60%,#ff7a9c);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:7px}
.ig-d::before{content:"";position:absolute;right:-18px;top:-22px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(2px)}
.ig-d b{position:relative;font-size:12.5px;font-weight:800;line-height:1.1}
.ig-d i{position:relative;align-self:flex-start;font-style:normal;font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:#fff;color:#5b2bd6}
.ig-ft{position:absolute;left:28px;right:28px;bottom:24px;display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1.5px solid var(--line2);opacity:0}
.ig-ft .ic{width:22px;height:22px;color:var(--mg)}
.ig-ft span{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2)}
.ig-ft b{margin-left:auto;font-size:26px;font-weight:900;color:var(--mg);text-transform:uppercase}
/* ---------- 15 · agentes que hacen mejor al equipo ---------- */
.s15a .h2{font-size:50px;width:1150px}
.ay-a{position:absolute;left:90px;top:330px;width:440px;height:360px;padding:26px 28px}
.ay-b{position:absolute;left:640px;top:330px;width:710px;height:360px;padding:26px 28px;border-color:var(--mg-line)}
.ay-a .lbl,.ay-b .lbl{margin-bottom:16px}
.ay-b .lbl{color:var(--mg-soft)}
.ay-t{position:relative;display:flex;align-items:center;gap:14px;height:52px;margin-bottom:12px;padding:0 18px;border-radius:12px;background:#1a2038;
  font-size:18px;font-weight:700;text-transform:uppercase;color:var(--mut2)}
.ay-t .ic{color:var(--mut)}
.ay-t>i{position:absolute;left:14px;right:14px;top:50%;height:3px;background:var(--mut);transform:scaleX(0);transform-origin:0 50%}
.ay-v{position:absolute;left:28px;right:28px;bottom:24px;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--mut)}
.ay-v b{color:var(--mut2)}
.ay-v.hot{color:#fff}.ay-v.hot b{color:var(--mg)}
.ay-ar{position:absolute;left:556px;top:490px;width:60px;height:40px;overflow:visible}
.ay-ar path{fill:none;stroke:var(--mg);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.ay-p{position:relative;display:grid;grid-template-columns:40px 130px 1fr;align-items:center;gap:14px;height:52px;margin-bottom:8px}
.ay-p .av{width:40px;height:40px;background:var(--mg-bg);color:var(--mg-soft);border:1.5px solid var(--mg);font:800 13px Montserrat}
.ay-n{font-size:17px;font-weight:800;text-transform:uppercase;line-height:1.1}
.ay-n small{display:block;font-size:12px;font-weight:600;color:var(--mut);letter-spacing:.06em}
.ay-tr{display:block;height:10px;border-radius:99px;background:#1a2038;overflow:hidden}
.ay-tr i{display:block;height:100%;width:30%;border-radius:99px;background:linear-gradient(90deg,#a3005f,var(--mg));box-shadow:0 0 16px rgba(236,0,140,.6)}
.ay-tip{position:absolute;left:184px;top:-16px;padding:5px 12px;border-radius:10px 10px 10px 2px;background:#fff;color:#052451;
  font:600 12.5px Poppins,sans-serif;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
/* ---------- 16 · lead a las 23:47 ---------- */
.q1 .q1-moon{fill:#f4e9ff;filter:drop-shadow(0 0 18px rgba(244,233,255,.6))}
.q1 .q1-st{fill:#fff}
.q1-clk{position:absolute;left:28px;top:24px}
.q1-clk small{display:block;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mut2)}
.q1-clk b{font-size:64px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}
.q1-src{position:absolute;left:28px;top:128px;display:flex;gap:10px}
.q1-src span{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;border:1.5px solid var(--line2);background:#151b31;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.q1-src .ic{width:18px;height:18px;color:var(--mg-soft)}
.q1-f{left:28px;right:28px;top:180px;height:244px}
.q1-f .uh .ic{width:20px;height:20px;color:#0067EE}
.q1-fb{padding:10px 20px;background:#F1FAFF;height:100%}
.q1-fb label{display:block;font-size:11.5px;color:#5A6B80;margin:4px 0 3px}
.q1-fb .fi{height:32px;border:1px solid #D4E0EE;border-radius:8px;background:#fff;padding:6px 12px;font-size:14px;color:#052451}
.q1-btn{display:inline-block;margin-top:10px;padding:6px 22px;border-radius:8px;background:#0067EE;color:#fff;font-size:13px;font-weight:600}
.q1-w{position:absolute;left:28px;right:28px;top:440px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;row-gap:10px}
.q1-w .ic{width:22px;height:22px;color:var(--mg)}
.q1-w span{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2)}
.q1-w b{justify-self:end;font-size:28px;font-weight:900;color:var(--mg);font-variant-numeric:tabular-nums}
.q1-bar{grid-column:1/-1;display:block;height:10px;border-radius:99px;background:#1a2038;overflow:hidden}
.q1-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4a5373,var(--mg))}
.q1-cold{position:absolute;left:300px;top:250px;padding:10px 22px;border:4px solid var(--mg);border-radius:14px;background:rgba(10,14,26,.85);
  font-size:28px;font-weight:900;text-transform:uppercase;color:#fff;transform:rotate(-8deg);opacity:0}
/* ---------- 13 · vendedor IA ---------- */
.msgs{display:flex;flex-direction:column;gap:12px}
.msg{max-width:80%;font-size:14px;line-height:1.45;padding:10px 14px;border-radius:16px;opacity:0;position:relative}
.msg.in{align-self:flex-start;background:#fff;border:1px solid #E2EAF5;border-bottom-left-radius:4px}
.msg.out{align-self:flex-end;background:#0067EE;color:#fff;border-bottom-right-radius:4px}
.msg .tm{display:block;font-size:11px;opacity:.65;margin-top:3px;text-align:right}
.msg .who2{display:block;font-size:11px;font-weight:600;opacity:.85;margin-bottom:2px}
.dots{align-self:flex-end;display:flex;gap:5px;padding:12px 14px;background:#E8F1FF;border-radius:16px;opacity:0;height:0;overflow:hidden;margin:-6px 0}
.dots i{width:7px;height:7px;border-radius:50%;background:#0067EE;opacity:.5}
.chipsui{position:absolute;left:20px;right:20px;bottom:20px;display:grid;gap:10px}
.chipui{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E2EAF5;border-radius:14px;padding:11px 14px;font-size:13.5px;font-weight:600;opacity:0}
.chipui .ic{width:20px;height:20px;color:#0067EE}
.chipui small{display:block;font-weight:400;color:#5A6B80;font-size:12px}
.chipui .bdg{margin-left:auto}

.s14v .h3{margin-bottom:26px}
.pains{display:grid;gap:12px}
.pn{position:relative;display:flex;align-items:center;gap:16px;padding:15px 18px;border-radius:14px;border:1.5px solid var(--mg-line);background:var(--mg-bg);opacity:0}
.pn .ic{width:24px;height:24px;color:var(--mg);flex:none}
.pn span{font-size:18px;font-weight:600;line-height:1.3}
.pn .stk{position:absolute;left:54px;right:18px;top:50%;height:3px;border-radius:2px;background:var(--mg);transform:scaleX(0);transform-origin:left center}
.pn.done{border-color:var(--line);background:#11162a}
.pn.done span{color:var(--mut)}
.pn-s{font-size:22px;line-height:1.4;color:var(--mut2);margin-top:26px}
.pn-s b{color:#fff}
/* ---------- 18 · Marcos se distrae y el seguimiento se cae ---------- */
.q2-who{position:absolute;left:36px;top:40px;display:flex;align-items:center;gap:16px}
.q2-who b{display:block;font-size:24px;font-weight:800;text-transform:uppercase}
.q2-who small{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut2)}
.q2-av{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900;color:#fff;
  background:radial-gradient(circle at 35% 30%,#ff4fb5,#9c005d);box-shadow:0 0 0 4px rgba(236,0,140,.18)}
.q2-n{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#1c2340;border:1.5px solid var(--line2);
  font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.q2-n .ic{width:17px;height:17px;color:var(--mg-soft)}
.q2-n.hot{background:var(--mg);border-color:var(--mg)}
.q2-n.hot .ic{color:#fff}
.q2-tl{position:absolute;left:28px;right:28px;top:262px;height:150px}
.q2-ln{position:absolute;left:66px;right:66px;top:58px;height:4px;border-radius:9px;background:repeating-linear-gradient(90deg,#3a4260 0 10px,transparent 10px 18px)}
.q2-ln i{display:block;height:100%;width:0;border-radius:9px;background:var(--mg)}
.q2-st{position:absolute;top:34px;width:94px;text-align:center}
.q2-dot{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;border-radius:50%;background:#151b31;border:2px dashed #4a5373}
.q2-dot .ic{width:22px;height:22px;color:var(--mut2)}
.q2-st.ok .q2-dot{background:var(--mg);border:2px solid var(--mg)}
.q2-st.ok .q2-dot .ic{color:#fff}
.q2-st b{display:block;font-size:15px;font-weight:800;text-transform:uppercase}
.q2-st small{display:block;font-size:12px;font-weight:600;color:var(--mut2);margin-top:2px}
.q2-st em{display:inline-block;margin-top:8px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 9px;border-radius:99px;color:var(--mut);border:1.5px dashed #4a5373}
.q2-st.ok em{color:var(--mg-soft);border:1.5px solid var(--mg)}
.q2-res{position:absolute;left:28px;right:28px;bottom:30px;display:flex;align-items:baseline;justify-content:space-between;padding-top:16px;border-top:1.5px solid var(--line2)}
.q2-res span{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2)}
.q2-res b{font-size:30px;font-weight:900;color:var(--mg);font-variant-numeric:tabular-nums}
.q2-lost{position:absolute;left:290px;top:300px;padding:10px 22px;border:4px solid var(--mg);border-radius:14px;background:rgba(10,14,26,.88);
  font-size:28px;font-weight:900;text-transform:uppercase;color:#fff;transform:rotate(-8deg);opacity:0}
/* ---------- 14 · seguimiento ---------- */
.temp{background:#fff;border:1px solid #E2EAF5;border-radius:14px;padding:12px 16px;font-size:12.5px;font-weight:600;color:#5A6B80}
.temp .tt{display:flex;justify-content:space-between}
.temp .tt b{color:#052451}
.temp .tb{height:10px;border-radius:9px;background:#E2EAF5;margin-top:8px;overflow:hidden}
.temp .tb i{display:block;height:100%;width:80%;border-radius:9px;background:linear-gradient(90deg,#0067EE,#ec008c)}
.steps{margin-top:14px;position:relative;display:grid;gap:10px}
.step{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E2EAF5;border-radius:14px;padding:10px 14px;opacity:0}
.step .dy{font-size:11px;font-weight:700;color:#0067EE;width:46px;flex:none;letter-spacing:.04em}
.step .si{width:34px;height:34px;border-radius:10px;background:#E8F1FF;color:#0067EE;display:grid;place-items:center;flex:none}
.step .si .ic{width:18px;height:18px}
.step .st{font-size:13.5px;font-weight:600;line-height:1.3}
.step .st small{display:block;font-size:11.5px;font-weight:400;color:#5A6B80}
.step .bdg{margin-left:auto;opacity:0}
.hist{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:#0067EE;background:#E8F1FF;border-radius:12px;padding:10px 14px;opacity:0}
.hist .ic{width:18px;height:18px}

.s15f .qs{margin-top:18px;display:grid;gap:14px}
.s15f .q{position:relative;padding-left:44px;font-size:28px;font-weight:800;text-transform:uppercase;line-height:1.15;opacity:0}
.s15f .q::before{content:'?';position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:var(--mg);color:#fff;font-size:20px;line-height:30px;text-align:center}
.s15f .qa{font-size:40px;font-weight:800;text-transform:uppercase;line-height:1.1;margin-top:34px;opacity:0}
.s15f .qa-s{font-size:22px;color:var(--mut2);margin-top:14px;opacity:0}
.s15f .qa-s b{color:#fff}
.step .bdg.vf{background:#e8f8ef;color:#137a43}
/* ---------- 20 · cola de leads con los mejores enterrados ---------- */
.q3-h{position:absolute;left:28px;right:28px;top:24px;display:flex;align-items:center;gap:12px}
.q3-h .ic{width:22px;height:22px;color:var(--mg-soft)}
.q3-h b{font-size:17px;font-weight:800;text-transform:uppercase}
.q3-h span{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut2);
  padding:5px 11px;border-radius:99px;border:1.5px solid var(--line2)}
.q3-l{position:absolute;left:28px;right:28px;top:72px;height:368px;overflow:hidden}
.q3-r{position:absolute;left:0;right:0;height:34px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:10px;
  background:#151b31;border:1.5px solid var(--line2)}
.q3-r .d{width:20px;height:20px;border-radius:50%;background:#2a3150;flex:none}
.q3-r .n{height:8px;border-radius:9px;background:#2f3757}
.q3-r .t{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.q3-r.gd{border-color:#f5b942;background:linear-gradient(90deg,rgba(245,185,66,.16),#151b31 70%)}
.q3-r.gd .d{background:#f5b942;display:grid;place-items:center}
.q3-r.gd .d .ic{width:13px;height:13px;color:#2a1d00}
.q3-r.gd .g{font-size:12px;font-weight:800;color:#f5b942;white-space:nowrap}
.q3-done{position:absolute;left:20px;right:20px;top:66px;height:126px;border:2px solid var(--mg);border-radius:14px;background:rgba(236,0,140,.07);
  transform-origin:top;pointer-events:none}
.q3-done span{position:absolute;right:12px;bottom:-14px;padding:3px 10px;border-radius:99px;background:var(--mg);font-size:11px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.q3-ft{position:absolute;left:28px;right:28px;bottom:26px;display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;text-transform:uppercase}
.q3-ft .ic{width:24px;height:24px;color:#f5b942}
/* ---------- 15 · scoring ---------- */
.lrows{position:relative;height:370px}
.lrow{position:absolute;left:0;right:0;height:62px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E2EAF5;border-radius:14px;padding:0 14px}
.lrow .ln{font-size:14px;font-weight:600;flex:1;line-height:1.25}
.lrow .ln small{display:block;font-size:11.5px;font-weight:400;color:#5A6B80}
.sbar{width:110px;height:8px;border-radius:9px;background:#E2EAF5;overflow:hidden}
.sbar i{display:block;height:100%;width:0;background:#0067EE;border-radius:9px}
.lrow .sc{width:34px;text-align:right;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.lrow.top{border-color:#ec008c;box-shadow:0 8px 24px -10px rgba(236,0,140,.5)}
.lrow.top .sbar i{background:#ec008c}
.lrow.top .sc{color:#c4007a}
.callnow{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;background:#ec008c;color:#fff;border-radius:14px;padding:13px;font-size:14.5px;font-weight:600;opacity:0}
.callnow .ic{width:18px;height:18px}
.why{font-size:12px;color:#5A6B80;margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap}

.s16q .lrows{height:350px}
.mode{position:relative;height:20px;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5A6B80}
.mode span{position:absolute;left:0;top:0}
.mode .m2{color:#c4007a;opacity:0}
.clash{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.cb{padding:16px 18px;border-radius:16px;background:#11162a;border:1.5px solid #3a4260;font-size:22px;font-weight:800;text-transform:uppercase;line-height:1.15;opacity:0}
.cb small{display:block;font-size:13px;letter-spacing:.12em;color:var(--mut);margin-bottom:6px}
.cb.r{border-color:var(--mg-line);background:var(--mg-bg)}
.cz{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;color:var(--mg);opacity:0;filter:drop-shadow(0 0 12px rgba(236,0,140,.9))}
.why2{font-size:26px;font-weight:800;text-transform:uppercase;margin-top:26px;opacity:0}
.why2 b{color:var(--mg)}
.rps{display:grid;gap:10px;margin-top:16px}
.rp{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:0}
.rp span:last-child{text-align:left}
.rp span:first-child{text-align:right}
.bk{position:relative;height:3px;margin:0 10px}
.bk b{position:absolute;top:0;width:50%;height:3px;background:var(--mg);border-radius:2px}
.bk b:first-child{left:0;transform-origin:left center}
.bk b:last-child{right:0;transform-origin:right center}
.fin{font-size:22px;color:var(--mut2);margin-top:26px;opacity:0}
.fin b{color:#fff}
/* ---------- 22 · cuatro vendedores, el mismo discurso, llamadas sin escuchar ---------- */
.q4-lb{position:absolute;left:28px;top:24px;font-size:12px}
.q4-team{position:absolute;left:28px;right:28px;top:56px;height:214px;display:flex;justify-content:space-between}
.q4-p{position:relative;width:112px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.q4-sb{position:absolute;top:0;left:50%;transform:translateX(-50%);font-style:normal;white-space:nowrap;padding:6px 10px;border-radius:12px 12px 12px 3px;
  background:#fff;color:#052451;font:600 11.5px Poppins,sans-serif}
.q4-bar{width:44px;height:104px;border-radius:10px;background:#1a2038;display:flex;align-items:flex-end;overflow:hidden}
.q4-bar i{display:block;width:100%;height:var(--h);border-radius:10px;background:linear-gradient(180deg,var(--mg),#7a0049)}
.q4-av{width:40px;height:40px;margin-top:10px;border-radius:50%;display:grid;place-items:center;background:#1c2340;border:2px solid var(--mg);font-size:13px;font-weight:900}
.q4-p b{margin-top:6px;font-size:13px;font-weight:800;text-transform:uppercase}
.q4-calls{position:absolute;left:28px;right:28px;top:280px}
.q4-calls .lbl{font-size:12px}
.q4-g{margin-top:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.q4-c{height:36px;border-radius:10px;background:#151b31;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;gap:3px}
.q4-c i{display:block;width:3px;border-radius:3px;background:#4a5373}
.q4-ft{position:absolute;left:28px;right:28px;bottom:26px;display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1.5px solid var(--line2)}
.q4-ft .ic{width:22px;height:22px;color:var(--mg)}
.q4-ft span{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2)}
.q4-ft b{margin-left:auto;font-size:30px;font-weight:900;color:var(--mg);font-variant-numeric:tabular-nums}
/* ---------- 17 · notetaker ---------- */
.s16 .h3{font-size:44px;margin-bottom:22px}
.calls{position:absolute;left:0;right:0;top:0;height:200px;border-radius:18px;border:1.5px solid var(--line);background:#11162a;padding:16px 18px}
.cl-h{display:flex;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut2)}
.cl-h b{color:#fff}
.cl-r b{color:var(--mg)}
.cl-g{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}
.cl-g span{display:flex;align-items:center;gap:6px;height:30px;border-radius:8px;background:#1a2038;border:1px solid #2a3150;padding:0 8px;font-size:11px;font-weight:700;color:var(--mut2)}
.cl-g span svg{width:13px;height:13px;color:var(--mg-soft);flex:none}
.cl-g span.off{opacity:.3}
.split .box .ui.nt{top:216px;bottom:auto;height:370px}
.nt .ub{top:69px}
.rec{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#c4007a}
.rec i{width:9px;height:9px;border-radius:50%;background:#ec008c}
.vz{display:flex;align-items:center;gap:12px;height:34px}
.vn{width:70px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0067EE;flex:none}
.vn.c{color:#c4007a}
.wave{flex:1;display:flex;align-items:center;gap:3px;height:30px;transform-origin:50% 50%}
.wave i{flex:1;height:100%;border-radius:3px;background:#0067EE;transform:scaleY(.12);opacity:.85}
.w2 i{background:#ec008c}
.sum{margin-top:10px;display:grid;gap:6px}
.sum div{font-size:13.5px;line-height:1.35;min-height:18px}
.sum div b{font-weight:600}
.saved{display:flex;align-items:center;gap:10px;margin-top:12px;background:#ec008c;color:#fff;border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600;opacity:0}
.saved .ic{width:18px;height:18px}
.pb{display:inline-block;padding:14px 22px;border-radius:18px 18px 18px 4px;background:#11162a;border:1.5px solid #3a4260;font-size:26px;font-weight:800;text-transform:uppercase;opacity:0}
.pb small{display:block;font-size:12px;letter-spacing:.12em;color:var(--mut);margin-bottom:4px}
.pq{font-size:30px;font-weight:800;text-transform:uppercase;color:var(--mg);margin-top:18px;opacity:0}
.ps{font-size:22px;color:var(--mut2);line-height:1.4;margin-top:16px;opacity:0}
.pr5{display:flex;align-items:center;gap:14px;margin-top:24px;padding:12px 16px;border-radius:14px;border:1.5px dashed var(--mg-line);font-size:16px;color:var(--mut2);line-height:1.35;opacity:0}
.pr5 .ic{width:22px;height:22px;color:var(--mg);flex:none}
.pr5 b{color:#fff}
/* ---------- 24 · las actividades sueltas vuelan a la ficha y se ordenan ---------- */
.qf-card{left:24px;right:24px;top:22px;bottom:22px;background:#F1FAFF}
.qf-card .uh{background:#fff;border-radius:22px 22px 0 0}
.qf-card .av{width:40px;height:40px}
.qf-a{position:absolute;left:44px;right:44px;height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:12px;background:#fff;
  border:1px solid #D4E0EE;color:#052451;font-family:Poppins,sans-serif;box-shadow:0 6px 16px rgba(5,36,81,.12)}
.qf-a .av{width:28px;height:28px;font-size:10.5px}
.qf-a .ic{width:18px;height:18px;color:#0067EE;flex:none}
.qf-a p{font-size:13.5px;font-weight:600;line-height:1.15;display:flex;align-items:baseline;gap:10px;flex:1;white-space:nowrap}
.qf-a small{margin-left:auto;font-size:11px;font-weight:400;color:#5A6B80}
.qf-a:nth-of-type(2){top:104px}.qf-a:nth-of-type(3){top:154px}.qf-a:nth-of-type(4){top:204px}
.qf-a:nth-of-type(5){top:254px}.qf-a:nth-of-type(6){top:304px}.qf-a:nth-of-type(7){top:354px}
.qf-a::before{content:"";position:absolute;left:-12px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#0067EE}
.qf-g{position:absolute;left:44px;right:44px;bottom:36px;height:66px;display:flex;align-items:center;gap:16px;color:#052451;font-family:Poppins,sans-serif}
.qf-g svg{width:96px;height:56px;flex:none}
.qf-gt,.qf-gv{fill:none;stroke-width:10;stroke-linecap:round}
.qf-gt{stroke:#D4E0EE}
.qf-gv{stroke:var(--mg)}
.qf-nd{stroke:#052451;stroke-width:4;stroke-linecap:round}
.qf-g small{display:block;font-size:12px;color:#5A6B80}
.qf-g b{display:block;font-size:20px;font-weight:700;color:#c4007a}
/* ---------- 18 · la ficha ---------- */
.s17h{position:absolute;left:90px;top:119px;font-size:72px;font-weight:700;line-height:1.05;text-transform:uppercase}
.ficha{left:90px;top:236px;width:850px;height:486px;overflow:hidden}
.ficha .uh{padding:16px 24px}
.ficha .av{width:44px;height:44px;font-size:15px;background:#ec008c}
.tabs{display:flex;gap:30px;padding:0 24px;border-bottom:1px solid #E2EAF5;position:relative;font-size:13.5px;font-weight:600;color:#5A6B80}
.tabs span{padding:12px 0}
.tabs span.on2{color:#052451}
.tab-ind{position:absolute;bottom:-1px;left:24px;height:3px;width:60px;border-radius:3px;background:#0067EE}
.fes{padding:10px 24px;display:grid;gap:3px}
.fe{display:flex;align-items:center;gap:14px;padding:7px 0;border-bottom:1px dashed #E2EAF5;opacity:0}
.fe:last-child{border-bottom:0}
.fe .fi{width:32px;height:32px;border-radius:10px;background:#E8F1FF;color:#0067EE;display:grid;place-items:center;flex:none}
.fe .fi .ic{width:17px;height:17px}
.fe .fd{width:50px;font-size:11.5px;font-weight:700;color:#5A6B80;flex:none}
.fe .ft{font-size:14px;font-weight:500;flex:1}
.fe .ft b{font-weight:600}
.fw{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#052451;background:#F1F5FB;border-radius:99px;padding:3px 12px 3px 3px;white-space:nowrap;width:178px}
.fw i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 10.5px Poppins,sans-serif;font-style:normal;flex:none}
.fw i .ic{width:14px;height:14px}
.fw.p1 i{background:#0067EE}.fw.p2 i{background:#ff8a3d}.fw.p3 i{background:#00a3a3}.fw.p4 i{background:#7c4dff}
.fw.ia{background:#ffe3f3;color:#c4007a}.fw.ia i{background:#ec008c}
.scan{position:absolute;left:0;right:0;top:110px;height:46px;background:linear-gradient(180deg,rgba(236,0,140,0),rgba(236,0,140,.16),rgba(236,0,140,0));border-bottom:2px solid rgba(236,0,140,.55);opacity:0;pointer-events:none}
.fk{position:absolute;left:1010px;top:236px;width:330px;display:grid;gap:12px}
.fk-r{display:flex;align-items:center;gap:18px;padding:10px 20px;border-radius:18px;background:linear-gradient(180deg,#151b31,#0d1122);border:1.5px solid var(--line);opacity:0}
.fk-r b{font-size:46px;font-weight:800;line-height:1;width:44px;text-align:center;color:#fff}
.fk-r span{font-size:20px;font-weight:700;text-transform:uppercase;color:var(--mut2);line-height:1.1}
.fk-r small{display:block;font-size:13px;color:var(--mut);text-transform:none;font-weight:600}
.fk-r.one{border-color:var(--mg);background:var(--mg-bg)}
.fk-r.one b{color:var(--mg-soft)}.fk-r.one span{color:#fff}
.reads{position:absolute;left:1010px;top:560px;width:330px;display:flex;align-items:center;gap:20px}
.reads .ia{width:110px;height:110px;flex:none;border-radius:50%;background:var(--mg-bg);border:2px solid var(--mg);display:grid;place-items:center;color:#fff;box-shadow:0 0 50px -10px rgba(236,0,140,.6);opacity:0}
.reads .ia .ic{width:44px;height:44px;stroke-width:1.5}
.reads p{font-size:26px;font-weight:700;text-transform:uppercase;line-height:1.1;opacity:0}
.back{stroke:var(--mg);stroke-width:2.5;fill:none;stroke-linecap:round}
.backh{fill:var(--mg)}
/* ---------- 26 · cuatro ventajas, cada una con su gráfico ---------- */
.s26v .h2{font-size:56px;width:1150px}
.vt{position:absolute;left:90px;top:330px;width:1260px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.vt-c{position:relative;height:360px;padding:28px 26px;border-radius:24px;background:linear-gradient(180deg,#151b31,#0d1122);border:1.5px solid var(--line);opacity:0}
.vt-n{position:absolute;top:20px;left:24px;font-size:15px;font-weight:800;color:var(--mg-soft)}
.vt-g{display:block;width:100%;height:124px;margin:10px 0 22px;overflow:visible}
.vt-c h3{font-size:23px;font-weight:700;line-height:1.15;text-transform:uppercase}
.vt-c h3 b{display:block;font-weight:700;color:var(--mg-soft)}
.vt-c p{font-size:17px;font-weight:500;color:var(--mut2);margin-top:12px;line-height:1.4}
.vt-box{fill:var(--mg-bg);stroke:var(--mg);stroke-width:2}
.vt-l{fill:#fff;opacity:.85}
.vt-dr{fill:#fff;filter:drop-shadow(0 0 6px #ec008c)}
.vt-tr{stroke:var(--line2);stroke-width:4;stroke-dasharray:3 7;stroke-linecap:round;fill:none}
.vt-ln{stroke:var(--mg);stroke-width:4;stroke-linecap:round;fill:none}
.vt-ln.a2{stroke:#f25cae}
.vt-av circle{fill:#1c2340;stroke:var(--mg);stroke-width:2.5}
.vt-av.b circle{stroke:#f25cae}
.vt-av text,.vt-pc,.vt-gt{font-family:Montserrat,sans-serif;font-weight:900;fill:#fff;text-anchor:middle}
.vt-av text{font-size:13px}
.vt-bb rect{fill:#fff}
.vt-bb circle{fill:#052451}
.vt-ring{fill:none;stroke:#1a2038;stroke-width:14}
.vt-sg{fill:none;stroke:var(--mg);stroke-width:14}
.vt-ic{color:#fff}
.vt-pc{font-size:22px}
.vt-ax{stroke:var(--line2);stroke-width:2}
.vt-b{fill:#3a4260}
.vt-b.hot{fill:var(--mg)}
.vt-gs{stroke:var(--mut);stroke-width:2;stroke-dasharray:6 6;fill:none}
.vt-gt{font-size:11px;font-weight:700;fill:var(--mut);text-anchor:end;letter-spacing:.08em;text-transform:uppercase}
/* ---------- 19 · oye, clientify ---------- */
.s19o .h2{font-size:72px}
.oy-cols{position:absolute;left:90px;top:232px;width:1260px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.oy{position:relative;height:500px;opacity:0}
.oy-q{position:relative;height:118px;border-radius:22px;padding:16px 20px 16px 20px;background:var(--mg-bg);border:1.5px solid var(--mg-line);display:flex;gap:14px;align-items:flex-start;transition:border-color .3s,box-shadow .3s}
.oy.live .oy-q{border-color:var(--mg);box-shadow:0 0 40px -8px rgba(236,0,140,.6)}
.oy-n{font-size:14px;font-weight:800;color:var(--mg-soft);padding-top:4px}
.oy-q p{font-size:19px;font-weight:700;line-height:1.28;text-transform:none;color:#fff;min-height:1px}
.oy-q p:before{content:'Oye, Clientify: ';color:var(--mg-soft)}
.oy-c{display:none;width:2px;height:22px;background:#fff;margin-top:3px;animation:oyb .7s steps(1) infinite}
.oy.live .oy-c{display:block}
@keyframes oyb{50%{opacity:0}}
.oy-a{left:0;right:0;top:136px;height:364px;padding:18px 20px;opacity:0}
.oy-h{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;line-height:1.3;color:#052451;padding-bottom:12px;border-bottom:1px solid #E2EAF5}
.oy-h .ic{width:20px;height:20px;color:#ec008c;flex:none}
.oy-h b{color:#c4007a}
.oy-sel{display:grid;gap:9px;margin:16px 0 14px}
.sr{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#5A6B80}
.st2{height:14px;border-radius:7px;background:#EEF3FA;overflow:hidden}
.st2 i{display:block;height:100%;width:0;border-radius:7px;background:#b9c6da}
.sr.top .st2 i{background:#ec008c}
.oy-li{list-style:none;display:grid;gap:9px;padding-top:12px;border-top:1px dashed #E2EAF5}
.oy-li li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500}
.oy-li .ic{width:28px;height:28px;padding:6px;border-radius:9px;background:#ffe3f3;color:#c4007a;flex:none}
.oy-tr{position:absolute;left:20px;top:66px;width:360px;height:250px;overflow:visible}
.tr-l{fill:none;stroke:#ec008c;stroke-width:2.5;stroke-dasharray:1 0;stroke-linecap:round}
.tp{position:absolute;left:40px;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center}
.tp i{grid-row:span 2;width:44px;height:44px;border-radius:50%;background:#E8F1FF;color:#0067EE;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 0 0 1.5px #E2EAF5}
.tp i .ic{width:20px;height:20px}
.tp b{font-size:14px;font-weight:600;line-height:1.1}
.tp small{font-size:12px;color:#5A6B80;line-height:1.2}
.tp.win i{background:#ec008c;color:#fff;box-shadow:0 0 0 4px #ffe3f3}
.oy-tag{position:absolute;left:20px;right:20px;bottom:16px;text-align:center;font-size:13.5px;font-weight:600;background:#ffe3f3;color:#c4007a;border-radius:12px;padding:8px}
.tk{display:grid;gap:10px;margin-top:14px}
.tk-r{display:flex;gap:12px;align-items:flex-start;padding:8px 10px;border-radius:14px;background:#F6F9FD}
.tk-av{width:34px;height:34px;border-radius:50%;color:#fff;display:grid;place-items:center;font:700 11.5px Poppins,sans-serif;flex:none}
.tk-r b{font-size:13.5px;font-weight:600;line-height:1.2;display:block}
.tk-t{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:600;color:#c4007a;background:#ffe3f3;border-radius:8px;padding:3px 9px}
.tk-t i{width:11px;height:11px;border-radius:50%;border:2px solid #c4007a}
.oy-f{position:absolute;left:90px;top:752px}
/* ---------- 18 · vende sistemas ---------- */
.s18h{position:absolute;left:90px;top:119px;width:1130px;font-size:64px;font-weight:700;line-height:1.08;text-transform:uppercase}
.s18h .stk{position:relative;display:inline-block;color:var(--mut)}
.s18h .stk i{position:absolute;left:-4px;right:-4px;top:52%;height:6px;border-radius:4px;background:var(--mg);transform:scaleX(0);transform-origin:left center}
.s18 .sup{position:absolute;left:90px;top:300px;width:900px}
.tc{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:99px;font-size:16px;font-weight:700;text-transform:uppercase;color:var(--mut2);white-space:nowrap;opacity:0}
.tc .ic{width:20px;height:20px;color:var(--mg-soft)}
.hub{position:absolute;left:640px;top:440px;width:200px;height:200px;border-radius:50%;background:var(--mg-bg);border:2px solid var(--mg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0}
.hub img{width:62px}
.hub span{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cl{position:absolute;left:1040px;width:300px;height:64px;padding:0 20px;display:flex;align-items:center;gap:14px;font-size:17px;font-weight:700;text-transform:uppercase;opacity:0}
.cl .ic{color:var(--mg-soft)}
.cln{stroke:var(--mg);stroke-width:2;fill:none}
.clp2{fill:#fff;filter:drop-shadow(0 0 6px #ec008c)}

/* ---------- 21 · el contexto se acumula ---------- */
.s21c .h2{font-size:72px}
.cx-q{position:absolute;left:90px;top:206px;width:1100px;font-size:22px;font-weight:600;color:var(--mut2);line-height:1.35}
.cx-q b{color:#fff}
.cx-p{position:absolute;top:270px;height:330px;border-radius:26px;padding:26px 34px;background:linear-gradient(180deg,#151b31,#0d1122);border:1.5px solid var(--line);opacity:0}
.cx-p.lo{left:90px;width:640px}
.cx-p.hi{left:770px;width:580px;background:linear-gradient(180deg,#24102d,#120a1d)}
.cx-t{font-size:20px;font-weight:700;text-transform:uppercase;color:var(--mut2)}
.cx-p.hi .cx-t{color:#fff}
.cx-g{display:grid;gap:14px;margin:24px 0 20px;width:max-content}
.cx-g i{display:block;width:44px;height:44px;border-radius:50%;background:#272e48}
.cx-p.hi .cx-g{gap:18px}
.cx-p.hi .cx-g i{width:44px;height:44px}
.cx-v{font-size:26px;font-weight:700;text-transform:uppercase;color:var(--mut2);display:flex;align-items:baseline;gap:10px}
.cx-v b{font-size:64px;font-weight:800;color:#fff;line-height:1}
.cx-p.hi .cx-v b{color:var(--mg-soft)}
.cx-v span{margin-left:auto;font-size:24px;font-weight:800;color:#fff;background:var(--mg);border-radius:99px;padding:8px 20px;align-self:center}
.cx-ax{position:absolute;left:90px;top:628px;width:1260px;height:60px}
.cx-ax svg{width:1260px;height:60px;overflow:visible}
.cx-w{stroke:var(--line);stroke-width:2;fill:none}
.cx-wf{fill:url(#cxg)}
.cx-ax span{position:absolute;top:66px;font-size:16px;font-weight:700;text-transform:uppercase;color:var(--mut)}
.cx-a0{left:0}.cx-a1{right:0;color:var(--mg-soft)!important}
.cx-src{position:absolute;left:90px;top:760px}
/* ---------- 20 · héroe ---------- */
.s20 .kick{position:absolute;left:90px;top:84px}
.s20 .h2{position:absolute;left:90px;top:119px;width:1260px}
.qb{position:absolute;left:90px;top:262px;width:500px;padding:18px 22px;opacity:0}
.qb .lbl{display:flex;align-items:center;gap:8px;color:var(--mg-soft);font-size:12.5px}
.qb .lbl .ic{width:16px;height:16px}
.qb .q2{font-size:23px;font-weight:700;line-height:1.3;margin-top:8px;min-height:30px}
.ansr{position:absolute;left:90px;top:372px;width:500px;padding:18px 22px;opacity:0;transition:border-color .5s}
.ansr.ok{border-color:var(--mg);box-shadow:0 0 50px -14px rgba(236,0,140,.7)}
.ansr .lbl{font-size:12.5px}
.hr-r{display:flex;align-items:center;gap:12px;margin-top:9px;padding:8px 12px;border-radius:12px;background:#1a2038;border:1px solid var(--line2);opacity:0}
.hr-r .ic{width:20px;height:20px;color:var(--mg-soft)}
.hr-r span{font-size:15.5px;font-weight:600;line-height:1.25;color:#fff}
.ansr.ok .hr-r{border-color:var(--mg-line)}
.meter{position:absolute;left:90px;top:574px;width:500px;opacity:0}
.meter .mt{display:flex;justify-content:space-between;align-items:baseline}
.meter .mt span:last-child{font-size:16px;font-weight:700;color:var(--mut2);text-transform:uppercase;letter-spacing:.03em}
.segs{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px}
.segs i{height:14px;border-radius:4px;background:#1a1f35;border:1px solid var(--line2)}
.segs i.on3{background:var(--mg);border-color:var(--mg);box-shadow:0 0 12px rgba(236,0,140,.6)}
.seal{position:absolute;left:90px;top:706px;width:500px;display:flex;align-items:center;gap:16px;opacity:0}
.lock{width:48px;height:48px;border-radius:14px;border:1.5px solid var(--mg-line);background:var(--mg-bg);display:grid;place-items:center;flex:none}
.lock svg{width:26px;height:26px;overflow:visible}
.lock .shk{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.lock .bdy{fill:var(--mg);stroke:none}
.seal p{font-size:17px;font-weight:700;text-transform:uppercase;line-height:1.35;letter-spacing:.02em}
.seal p span{color:var(--mg-soft)}
.h-orb{fill:none;stroke:var(--line2);stroke-width:1.5}
.h-ln{stroke:rgba(236,0,140,.35);stroke-width:1.2}
.h-nd{fill:#fff}
.h-core{fill:var(--mg-bg);stroke:var(--mg);stroke-width:2.5}
.h-rip{fill:none;stroke:var(--mg);stroke-width:2;opacity:0}
.h-p{fill:#fff;filter:drop-shadow(0 0 7px #ec008c)}
.h-src{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0}
.h-src .ic{width:20px;height:20px;color:var(--mg-soft)}
.h-src small{display:block;font-size:11px;font-weight:600;color:var(--mut2);letter-spacing:.04em;text-transform:none}
.h-src.lit{border-color:var(--mg)}

.hr-msg{font-size:17px;font-weight:500;line-height:1.4;color:var(--mut2);margin-bottom:12px}
.hr-msg b{color:#fff;font-weight:700}
/* ---------- 23 · en resumen ---------- */
.s23r .h2{font-size:72px}
.rs-ln{stroke:var(--mg);stroke-width:2.5;fill:none;stroke-dasharray:2 0;opacity:.7}
.rs-dot{fill:#fff;filter:drop-shadow(0 0 10px #ec008c)}
.rs{position:absolute;left:90px;top:262px;width:1260px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.rb{position:relative;height:380px;border-radius:26px;padding:30px 30px;background:linear-gradient(180deg,#151b31,#0d1122);border:1.5px solid var(--line);text-align:center;opacity:0}
.rb-ic{width:120px;height:120px;margin:0 auto 18px;border-radius:50%;background:var(--mg-bg);border:2px solid var(--mg);display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;position:relative;z-index:1}
.rb-ic .ic{width:40px;height:40px;stroke-width:1.6}
.rb-ic em{font-style:normal;font-size:26px;font-weight:800;color:var(--mg-soft)}
.rb-ic.rb-hub img{width:52px}
.rb-n{position:absolute;top:22px;left:26px;font-size:16px;font-weight:800;color:var(--mg-soft)}
.rb h3{font-size:27px;font-weight:700;line-height:1.15;text-transform:uppercase}
.rb h3 b{display:block;font-weight:700}
.rb p{font-size:18px;font-weight:500;color:var(--mut2);margin-top:14px;line-height:1.4}
.rs-end{position:absolute;left:90px;top:690px;width:1260px;text-align:center;font-size:34px;font-weight:700;text-transform:uppercase;opacity:0}
.rs-x{position:relative;color:var(--mut);--k:0}
.rs-x:after{content:'';position:absolute;left:-4px;right:-4px;top:52%;height:4px;background:var(--mg);transform:scaleX(var(--k));transform-origin:0 50%}
.rs-end b{display:inline-block;color:var(--mg-soft)}
.rb p .rb-up{display:inline-block;color:#fff;font-weight:800;letter-spacing:.04em}
/* ---------- 32 · prueba la superinteligencia gratis ---------- */
.sfree .kick{position:absolute;left:90px;top:84px}
.fr-h{position:absolute;left:90px;top:120px;width:640px;font-size:104px;font-weight:900;line-height:.95;text-transform:uppercase}
.fr-h em{font-style:normal;display:inline-block}
.fr-p{position:absolute;left:90px;top:348px;width:600px;font-size:23px;line-height:1.45;font-weight:500;color:var(--mut2);opacity:0}
.fr-p b{color:#fff;font-weight:700}
.fr-st{position:absolute;left:90px;top:476px;width:600px}
.fr-s{display:flex;align-items:center;gap:16px;height:56px;margin-bottom:12px;padding:0 20px 0 10px;border-radius:99px;border:1.5px solid var(--line2);background:#121729;opacity:0}
.fr-s i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:16px;background:var(--mg);color:#fff;flex:none}
.fr-s .ic{width:24px;height:24px;color:var(--mg-soft)}
.fr-s span{font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.fr-s span b{color:var(--mg-soft)}
.fr-br{position:absolute;left:790px;top:150px;width:560px;height:440px;overflow:hidden;opacity:0}
.fr-bar{height:56px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1.5px solid var(--line2);background:#0d1122}
.fr-dots{display:flex;gap:7px}.fr-dots i{width:11px;height:11px;border-radius:50%;background:#2a3150}
.fr-url{flex:1;height:34px;border-radius:99px;background:#1a2038;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:16px;font-weight:600;text-transform:none;letter-spacing:.01em}
.fr-url .ic{width:16px;height:16px;color:var(--mut)}
.fr-pg{position:absolute;left:0;right:0;top:56px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  background:radial-gradient(ellipse at 50% 0%,rgba(236,0,140,.28),transparent 65%)}
.fr-lg{width:54px;opacity:0}
.fr-t{font-size:30px;font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase;opacity:0}
.fr-in{width:380px;height:46px;border-radius:14px;background:#fff;color:#052451;display:flex;align-items:center;gap:10px;padding:0 16px;font:500 15px Poppins,sans-serif;text-transform:none;opacity:0}
.fr-in .ic{width:18px;height:18px;color:#0067EE}
.fr-btn{padding:14px 34px;border-radius:99px;background:var(--mg);font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 14px 40px -10px rgba(236,0,140,.8);opacity:0}
.fr-cf{position:absolute;left:0;top:0;width:560px;height:440px;pointer-events:none;overflow:visible}
.fr-cur{position:absolute;left:0;top:0;width:34px;height:34px;opacity:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.fr-cur path{fill:#fff;stroke:#0a0e1a;stroke-width:1.4;stroke-linejoin:round}
.fr-stamp{position:absolute;left:1130px;top:548px;display:flex;align-items:center;gap:14px;padding:14px 26px 14px 18px;border-radius:20px;border:3px solid var(--mg);
  background:#1d0a1f;box-shadow:0 0 60px -10px rgba(236,0,140,.8);opacity:0}
.fr-stamp .ic{width:40px;height:40px;color:var(--mg)}
.fr-stamp div{font-size:34px;font-weight:900;text-transform:uppercase;line-height:1}
.fr-stamp small{display:block;font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--mg-soft);margin-top:4px}
/* ---------- 21 · gracias ---------- */
.tcons{opacity:0}
.tcons line{stroke:rgba(236,0,140,.18);stroke-width:1}
.tcons circle{fill:rgba(236,0,140,.45)}
.calma .caret{animation:none}