@font-face{font-family:Inter;src:url(fonts/InterVariable-latin.woff2) format("woff2");font-weight:300 800;font-display:swap}
:root{--blue:#0083FF;--blued:#0062CC;--navy:#00277B;--slate:#53647B;--ink:#0B1B3F;--line:#DCE6F5;--soft:#EEF5FF;--bg:#F6F9FE;--ok:#0E9F6E;--r:18px;--sh:0 18px 50px rgba(0,39,123,.10);--top:60px;--bot:66px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
b,strong{font-weight:720}
mark{background:none;color:var(--blued);font-weight:720;background-image:linear-gradient(transparent 62%,rgba(0,131,255,.18) 62%);background-repeat:no-repeat;background-size:0 100%;animation:mk 1s .5s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes mk{to{background-size:100% 100%}}
/* shell */
.app{position:fixed;inset:0;display:grid;grid-template-rows:var(--top) minmax(0,1fr) var(--bot);grid-template-columns:minmax(0,1fr)}
.top{display:flex;align-items:center;gap:14px;padding:0 22px;background:#fff;border-bottom:1px solid var(--line);z-index:5}
.logo{width:28px;height:28px;border-radius:9px;background:conic-gradient(from 210deg,var(--blue),#8CC8FF,var(--blue));flex:none}
.tt{min-width:0;flex:1}.tt b{display:block;font-size:13.5px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt small{display:block;font-size:12px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pct{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;color:var(--slate);min-width:120px}.pct i{display:block;width:120px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.pct i s{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#5AB4FF);transition:width .6s}
.tb{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--navy);border:1px solid var(--line);background:#fff;flex:none}
.tb:hover{border-color:var(--blue);color:var(--blue)}.tb svg{width:20px;height:20px}
.tb[aria-pressed=true]{background:var(--soft);border-color:var(--blue)}
#stage{position:relative;overflow:hidden}
.nav{display:flex;align-items:center;gap:14px;padding:0 22px;background:#fff;border-top:1px solid var(--line);z-index:5}
.nb{height:44px;padding:0 18px;border-radius:12px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.nb.prev{border:1px solid var(--line);color:var(--navy);background:#fff}
.nb.next{background:var(--blued);color:#fff}
.nb[aria-disabled=true]{background:#E3EAF5;color:#6B7A92;cursor:not-allowed}
.nb.prev[aria-disabled=true]{background:#fff;color:#A9B4C6}
.segs{flex:1;display:flex;gap:3px;align-items:center;min-width:0}
.segs i{flex:1;height:5px;border-radius:3px;background:var(--line)}.segs i.d{background:#9CCBFF}.segs i.c{background:var(--blue)}
.cnt{font-size:12.5px;color:var(--slate);font-variant-numeric:tabular-nums;min-width:56px;text-align:center}
.lock{font-size:12.5px;color:var(--slate);display:none}.app.locked .lock{display:block}
/* cue = subtle premium halo, never a dot */
.cue,.cuedeco{position:relative;animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{box-shadow:0 0 0 0 rgba(0,131,255,.0),var(--cs,0 0 0 0 transparent)}50%{box-shadow:0 0 0 7px rgba(0,131,255,.20),var(--cs,0 0 0 0 transparent)}}
body.calm .cue,body.calm .cuedeco,body.calm mark{animation:none}body.calm mark{background-size:100% 100%}
@media (prefers-reduced-motion:reduce){.cue{animation:none;outline:2px solid rgba(0,131,255,.55);outline-offset:3px}mark{animation:none;background-size:100% 100%}*{transition:none!important}}
/* screens */
.scr{position:absolute;inset:0;overflow:auto;padding:34px clamp(20px,4vw,64px) 30px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
.scr.in{opacity:1;transform:none}
.wrap{max-width:1160px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:22px}
.eb{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blued)}
.eb:before{content:"";width:22px;height:2px;background:var(--blue)}
h1,h2{font-weight:780;letter-spacing:-.02em;color:var(--navy);line-height:1.12}
h2{font-size:clamp(24px,2.6vw,34px)}h3{font-size:19px;font-weight:760;color:var(--navy);line-height:1.25}
.num{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;background:var(--navy);color:#fff;font-size:16px;font-weight:800;margin-right:12px;vertical-align:middle;letter-spacing:0}
.hrow{display:flex;align-items:flex-start;gap:0}.hrow h2{flex:1}
.lead{font-size:clamp(16px,1.35vw,19px);line-height:1.5;color:#22324F}
p{font-size:16px;line-height:1.55;color:#2A3A57}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.g2.l{grid-template-columns:.9fr 1.1fr}.g2.r{grid-template-columns:1.15fr .85fr}
.btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:13px;background:var(--blued);color:#fff;font-weight:720;font-size:15px;align-self:flex-start;--cs:0 8px 22px rgba(0,98,204,.25);box-shadow:var(--cs)}
.btn.gh{background:#fff;color:var(--navy);border:1px solid var(--line);--cs:none}
.btn .ar{transition:transform .3s}.btn:hover .ar{transform:translateX(3px)}
.btn[hidden]{display:none}
.ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--blued)}
.ic svg{width:22px;height:22px}
.row{display:flex;gap:16px;align-items:flex-start}
.seq>*{transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.seq>.hid{opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden}
.pr{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.pr.key{background:linear-gradient(135deg,#F0F7FF,#fff);border-color:#B9DAFF}
.stk{display:flex;flex-direction:column;gap:12px}
/* covers (kept) */
.cov{padding:0;background:#00112E}
.cov .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.cov .sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,26,77,.78),rgba(0,39,123,.62))}
.cov.c1 .in1{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:26px}
.cov.c1 h1{color:#fff;text-transform:uppercase;font-size:clamp(28px,3.6vw,46px);font-weight:600;letter-spacing:.01em;max-width:900px;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.pill{height:48px;padding:0 10px 0 24px;border-radius:999px;background:var(--blued);color:#fff;font-size:13px;font-weight:800;letter-spacing:.16em;display:inline-flex;align-items:center;gap:14px;--cs:0 10px 30px rgba(0,131,255,.45);box-shadow:var(--cs)}
.pill span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
.cov.c2 .sh{background:linear-gradient(90deg,#0062CC 0,#0073E6 38%,rgba(0,115,230,.55) 62%,rgba(0,115,230,.05) 100%)}
.cov.c2 .in1{position:relative;height:100%;max-width:640px;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(24px,5vw,72px);gap:10px;color:#fff}
.cov.c2 small{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.cov.c2 .ct{font-size:13.5px;font-weight:600;margin-bottom:18px}
.cov.c2 h1{color:#fff;font-size:clamp(28px,3.3vw,44px);font-weight:760}
/* help (kept) */
.hl{padding:0;display:grid;grid-template-columns:.85fr 1.15fr;background:linear-gradient(135deg,#5AA9FF,#0083FF 55%,#0070E0)}
.hl .lt{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px clamp(20px,4vw,60px);gap:12px}
.hl .lt h1{color:#fff;font-size:44px}.hl .lt small{font-size:12px;font-weight:800;letter-spacing:.12em}.hl .lt p{color:#EAF4FF;font-size:15px;max-width:380px}
.hl .rt{display:flex;flex-direction:column;justify-content:center;padding:30px clamp(16px,3vw,48px);gap:14px;color:#fff}
.hstep{background:#0E1B33;border-radius:16px;padding:22px;min-height:250px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px rgba(0,20,60,.35)}
.hstep h3{color:#fff;font-size:15px;text-align:center;font-weight:650}
.call{background:var(--blue);color:#fff;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.35;max-width:420px}
.mock{display:flex;gap:10px;align-items:center;justify-content:center;margin:6px 0}.mock i{width:12px;height:12px;border-radius:50%}
.hnav{display:flex;gap:10px;align-items:center;justify-content:center}
.hnav button.d{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--blued);display:grid;place-items:center;font-weight:800}
.hnav .dots{display:flex;gap:7px}.hnav .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}.hnav .dots i.on{background:#fff;width:20px;border-radius:4px}
/* index (kept) */
.ix{padding:0;display:grid;grid-template-columns:260px 1fr}
.ix .lt{background:linear-gradient(160deg,#3F9BFF,#0070E0);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}
.ix .lt small{font-size:13px;font-weight:800;letter-spacing:.12em}.ix .lt h1{color:#fff;font-size:40px;font-weight:600}
.ix .rt{overflow:auto;padding:26px clamp(16px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.ixm h3{font-size:18px;margin-bottom:10px}.ixm h3 span{color:var(--blue);margin-right:8px}
.ixg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ixc{background:#F4F8FF;border-top:3px solid var(--blue);border-radius:10px;padding:12px}
.ixc b{display:block;font-size:13.5px;color:var(--navy);margin-bottom:6px}.ixc b span{color:var(--blue);margin-right:6px}
.ixc p{font-size:12.5px;line-height:1.35;margin:4px 0;display:flex;gap:6px}.ixc p span{color:var(--blue);font-weight:700;flex:none}
.ixc.cur{background:#E3F0FF;outline:2px solid var(--blue)}
/* contenido (kept) */
.ct2{padding:0;display:grid;grid-template-columns:.8fr 1.2fr;background:#fff}
.ct2 .lt{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:12px}
.ct2 .lt small{font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--blued);text-transform:uppercase;max-width:340px;line-height:1.5}
.ct2 .lt h1{font-size:34px}
.ct2 .rt{background:linear-gradient(180deg,#F1F6FD,#E6EEF9);display:flex;align-items:center;justify-content:center;gap:18px;padding:30px}
.cc{width:min(460px,100%);min-height:300px;border-radius:18px;background:linear-gradient(160deg,#2E9BFF,#0062CC 70%,#00419C);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:10px;box-shadow:0 30px 60px rgba(0,60,160,.3)}
.cc small{font-size:12px;opacity:.85;letter-spacing:.1em}.cc b{font-size:30px;font-weight:700}.cc i{width:46px;height:2px;background:rgba(255,255,255,.6)}.cc p{color:#fff;font-size:17px;max-width:340px}
.vnav{display:flex;flex-direction:column;gap:10px;align-items:center}.vnav button{width:36px;height:36px;border-radius:50%;background:var(--blued);color:#fff;display:grid;place-items:center}.vnav button[disabled]{background:#C9D6EA;cursor:default}
/* objective (redesigned) */
.obj .hero{position:relative;overflow:hidden;border-radius:22px;padding:30px 32px;background:radial-gradient(600px 300px at 90% 0%,rgba(0,131,255,.35),transparent 60%),linear-gradient(135deg,#00277B,#003FA8);color:#fff;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.obj .hero p{color:#fff;font-size:clamp(17px,1.5vw,21px);line-height:1.5;font-weight:520}
.obj .hero mark{color:#fff;background-image:linear-gradient(transparent 60%,rgba(0,131,255,.65) 60%)}
.tgt{width:96px;height:96px;flex:none}.tgt circle{fill:none;stroke:#8CC8FF}
.tgt .r1{animation:tg 3s ease-in-out infinite}.tgt .r2{animation:tg 3s .4s ease-in-out infinite}
@keyframes tg{50%{opacity:.35}}
body.calm .tgt *{animation:none}
.og{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.oc{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:15px;background:#fff;border:1px solid var(--line);text-align:left;transition:transform .35s,box-shadow .35s,border-color .35s}
.oc .n{flex:none;width:30px;height:30px;border-radius:10px;background:var(--soft);color:var(--blued);font-weight:800;font-size:13px;display:grid;place-items:center}
.oc p{font-size:14.5px;line-height:1.4}
.oc.lk p{filter:blur(5px);user-select:none}.oc.lk{background:#F7FAFF}
.oc.on{border-color:#9CCBFF;box-shadow:0 10px 26px rgba(0,98,204,.12)}.oc.on .n{background:var(--blued);color:#fff}
/* tabs */
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tab{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:650;line-height:1.3;color:var(--navy);min-height:64px}
.tab .l{flex:none;width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--blued);display:grid;place-items:center;font-weight:800}
.tab[aria-selected=true]{border-color:var(--blue);background:#F0F7FF}.tab[aria-selected=true] .l{background:var(--blued);color:#fff}
.tab.seen .l:after{content:"";}
.tpan{min-height:180px}
/* table / classifier */
.tbl{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}
.tbl .th{background:var(--navy);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px}
.tbl .td{padding:13px 16px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.42;color:#2A3A57}
.tbl .td.k{font-weight:720;color:var(--navy);display:flex;gap:10px;align-items:flex-start}
.tbl .td.k .ic{width:32px;height:32px;border-radius:10px}.tbl .td.k .ic svg{width:17px;height:17px}
.tbl .rv{position:relative}
.tbl .rv.lk>span{filter:blur(6px);opacity:.55;user-select:none}
.tbl .rv button.rb{position:absolute;inset:6px;border-radius:10px;background:rgba(255,255,255,.55);color:var(--blued);font-weight:720;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #9CCBFF}
.tbl .row-on .td{background:#F5FAFF}
.note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#F0F7FF;border:1px solid #CFE5FF;font-size:14.5px;color:#22324F;line-height:1.45}
.note svg{flex:none;width:20px;height:20px;color:var(--blued);margin-top:1px}
/* match activity */
.mt{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.mq{padding:22px;border-radius:18px;background:linear-gradient(135deg,#00277B,#0050C8);color:#fff;display:flex;flex-direction:column;gap:14px;min-height:250px}
.mq p{color:#fff;font-size:19px;line-height:1.45;font-weight:560}.mq small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9DD0FF}
.mo{display:flex;flex-direction:column;gap:10px}
.mo button{display:flex;gap:12px;align-items:center;text-align:left;padding:13px 15px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:14.5px;font-weight:650;color:var(--navy);min-height:52px}
.mo button:hover{border-color:var(--blue)}
.mo button.ok{border-color:var(--ok);background:#ECFBF4}.mo button.ko{border-color:#C9D2E0;background:#F4F6FA;color:#6B7A92}
.fb{padding:14px 16px;border-radius:14px;font-size:14.5px;line-height:1.45;display:flex;gap:10px}
.fb.ok{background:#ECFBF4;border:1px solid #A8E6C9;color:#0B5A3E}.fb.ko{background:#FFF6E8;border:1px solid #F2D29B;color:#6B4500}
.pips{display:flex;gap:6px}.pips i{width:26px;height:5px;border-radius:3px;background:rgba(255,255,255,.3)}.pips i.ok{background:#4BE0A4}.pips i.ko{background:#FFC46B}.pips i.cur{background:#fff}
/* timeline */
.tl{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch;gap:0}
.tl .ar2{display:grid;place-items:center;color:var(--blue)}
.tl .st{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.tl .st .tg{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:8px;background:var(--soft);color:var(--blued)}
.tl .st.op{background:linear-gradient(135deg,#F0F7FF,#fff);border-color:#9CCBFF}
/* checklist */
.ck{display:flex;flex-direction:column;gap:8px}
.ckr{display:flex;gap:12px;align-items:center;text-align:left;padding:11px 14px;border-radius:13px;background:#fff;border:1px solid var(--line);font-size:14.5px;line-height:1.35;color:#22324F;min-height:48px}
.ckr .bx{flex:none;width:24px;height:24px;border-radius:8px;border:2px solid #9DB6DA;display:grid;place-items:center;transition:.25s}
.ckr .bx svg{width:14px;height:14px;color:#fff;opacity:0}
.ckr[aria-checked=true]{border-color:#9CCBFF;background:#F5FAFF}.ckr[aria-checked=true] .bx{background:var(--blued);border-color:var(--blued)}.ckr[aria-checked=true] .bx svg{opacity:1}
.ckh{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--slate);font-weight:650}
.ckh button{color:var(--blued);font-weight:720;padding:6px 8px;border-radius:8px}
.ring{width:54px;height:54px;flex:none}.ring circle{fill:none;stroke-width:5}.ring .bg{stroke:var(--line)}.ring .fg{stroke:var(--blue);stroke-linecap:round;transition:stroke-dashoffset .5s;transform:rotate(-90deg);transform-origin:50% 50%}
/* error cards */
.er{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:15px;line-height:1.45;color:#22324F;width:100%}
.er .x{flex:none;width:34px;height:34px;border-radius:11px;background:#FFF1F1;color:#B42318;display:grid;place-items:center;font-weight:800}
.er.lk span.t{filter:blur(5px);user-select:none}
/* inbox */
.ib{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--sh)}
.ib .ls{border-right:1px solid var(--line);display:flex;flex-direction:column}
.ib .ms{display:flex;gap:12px;align-items:center;text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);font-weight:700;color:var(--navy);font-size:15px;min-height:72px}
.ib .ms[aria-selected=true]{background:#F0F7FF;box-shadow:inset 3px 0 0 var(--blue)}
.ib .ms small{display:block;font-weight:600;color:var(--slate);font-size:12.5px}
.ib .vw{padding:22px;display:flex;flex-direction:column;gap:12px;min-height:230px}
.ib .vw .em{color:var(--slate);font-size:14px;margin:auto;text-align:center}
/* chat */
.chat{display:flex;flex-direction:column;gap:12px}
.bub{max-width:560px;padding:14px 18px;border-radius:18px 18px 18px 6px;background:#fff;border:1px solid var(--line);font-size:16.5px;line-height:1.45;box-shadow:var(--sh)}
.who{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--slate);font-weight:650}
.av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#9DB6DA,#53647B);flex:none}
.av.me{background:linear-gradient(135deg,#2E9BFF,#0062CC)}
.bub.me{align-self:flex-end;border-radius:18px 18px 6px 18px;background:linear-gradient(135deg,#0062CC,#00419C);color:#fff;border:0}
.bub.me p{color:#fff}
.tg2{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.18);margin-bottom:6px}
/* stepper */
.sp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}
.sps{padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;text-align:left;min-height:210px}
.sps .n{width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--blued);display:grid;place-items:center;font-weight:800}
.sps.on{border-color:#9CCBFF;background:linear-gradient(180deg,#F0F7FF,#fff)}.sps.on .n{background:var(--blued);color:#fff}
.sps h3{font-size:16px}.sps p{font-size:14.5px}
.sps.lk h3,.sps.lk p{filter:blur(5px);user-select:none;opacity:.6}
/* reflection */
.rf{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rf textarea{width:100%;min-height:120px;border-radius:14px;border:1px solid #B9C8DE;padding:14px;font:inherit;font-size:15px;resize:vertical;color:var(--ink)}
.qt{border-left:3px solid var(--blue);padding:4px 0 4px 14px;font-style:normal}
/* summary */
.sm{display:flex;flex-direction:column;gap:10px}
.smr{display:grid;grid-template-columns:.9fr 1.1fr 1.2fr;gap:0;border-radius:15px;background:#fff;border:1px solid var(--line);overflow:hidden}
.smr>div{padding:13px 16px;font-size:14.5px;line-height:1.4;color:#2A3A57}
.smr .a{font-weight:720;color:var(--navy);display:flex;gap:10px;align-items:center;background:#F6FAFF}
.smr .a .ic{width:32px;height:32px;border-radius:10px}.smr .a .ic svg{width:17px;height:17px}
.smh{display:grid;grid-template-columns:.9fr 1.1fr 1.2fr;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);padding:0 16px}
.smh span{padding:0 0 0 0}
.smr .c{position:relative}.smr .c.lk>span{filter:blur(6px);opacity:.55;user-select:none}
.smr .c button{position:absolute;inset:6px;border-radius:10px;background:rgba(255,255,255,.6);color:var(--blued);font-weight:720;font-size:13px;border:1px dashed #9CCBFF;display:flex;align-items:center;justify-content:center}
/* conclusion */
.cn{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center}.cnl{display:flex;flex-direction:column;align-items:center;gap:16px}.cnl .btn{align-self:center}
.cnv{position:relative;display:grid;place-items:center}
.cnv svg{width:190px;height:190px}.cnv b{position:absolute;font-size:44px;font-weight:800;color:var(--navy)}.cnv b small{font-size:18px;color:var(--slate)}
.ki{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:15px;background:#fff;border:1px solid var(--line)}
.ki .n{flex:none;font-size:13px;font-weight:800;color:var(--blued);width:36px;height:36px;border-radius:12px;background:var(--soft);display:grid;place-items:center}
.ki.on{border-color:#9CCBFF;box-shadow:0 10px 26px rgba(0,98,204,.10)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chips span{font-size:12.5px;font-weight:720;padding:6px 11px;border-radius:999px;background:var(--soft);color:var(--blued);opacity:0;transform:translateY(6px);transition:.4s}.chips.on span{opacity:1;transform:none}
/* route */
.rt2{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center}
.rn{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-height:170px}
.rn.nx{background:linear-gradient(135deg,#00277B,#0050C8);color:#fff;border:0}.rn.nx h3,.rn.nx p{color:#fff}
.rn small{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blued)}.rn.nx small{color:#9DD0FF}
.rline{height:3px;background:repeating-linear-gradient(90deg,var(--blue) 0 8px,transparent 8px 14px);position:relative;margin:0 8px}
.rline i{position:absolute;top:-6px;left:0;width:15px;height:15px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(0,131,255,.2);animation:mv 2.6s ease-in-out infinite}
@keyframes mv{to{left:calc(100% - 15px)}}body.calm .rline i{animation:none}
/* end */
.done{background:linear-gradient(135deg,#0E9F6E,#0B7F58);color:#fff;border-radius:22px;padding:30px;display:flex;gap:20px;align-items:center}
.done h2{color:#fff}.done p{color:#E7FFF5}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.kpi b{display:block;font-size:28px;color:var(--navy)}.kpi span{font-size:13px;color:var(--slate)}
/* index overlay */
#ovl{position:fixed;inset:0;background:rgba(0,20,60,.45);display:none;z-index:20;align-items:stretch;justify-content:flex-end}
#ovl.on{display:flex}
#ovl .pn{width:min(460px,100%);background:#fff;height:100%;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:8px}
#ovl .pn header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#ovl .it{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:11px;font-size:14px;color:var(--ink);border:1px solid var(--line)}
#ovl .it[disabled]{opacity:.55;cursor:default}
#ovl .it i{flex:none;width:6px;height:28px;border-radius:3px;background:#D92D20}#ovl .it.dn i{background:var(--ok)}
#ovl .it.cur{border-color:var(--blue);background:#F0F7FF}
/* responsive */
@media (max-width:1100px){.tabs{grid-template-columns:1fr 1fr}.sp{grid-template-columns:1fr 1fr}.sps{min-height:0}.ixg{grid-template-columns:1fr 1fr}}
@media (max-width:760px){:root{--top:56px;--bot:62px}
 .scr{padding:22px 16px 24px}.wrap{justify-content:flex-start;gap:16px}
 .g2,.g2.l,.g2.r,.mt,.rf,.ib,.cn{grid-template-columns:minmax(0,1fr)}.cn .cnv{display:none}.cnl{align-items:flex-start}.cnl .btn{align-self:flex-start}
 .tl{grid-template-columns:1fr}.tl .ar2{height:36px;transform:rotate(90deg)}
 .rt2{grid-template-columns:1fr}.rline{height:40px;width:3px;margin:6px auto;background:repeating-linear-gradient(180deg,var(--blue) 0 8px,transparent 8px 14px)}.rline i{display:none}
 .tbl{grid-template-columns:1fr}.tbl .th{display:none}.tbl .td.k{background:#F6FAFF}.tbl .td:not(.k){border-top:0}
 .smh{display:none}.smr{grid-template-columns:1fr}.smr .c{border-top:1px dashed var(--line)}
 .hl,.ix,.ct2{grid-template-columns:minmax(0,1fr);overflow:auto;align-content:start}
 .lock{display:none!important}.hl .lt,.ct2 .lt{padding:22px 18px 6px}.hl .lt h1{font-size:34px}.ix .lt{flex-direction:row;padding:14px}.ix .lt h1{font-size:28px}
 .ct2 .rt{padding:18px}.cc{min-height:220px}
 .ib .ls{border-right:0;border-bottom:1px solid var(--line)}.ib .ms{min-height:60px}
 .obj .hero{grid-template-columns:1fr;padding:22px}.tgt{width:60px;height:60px}
 .pct{display:none}.segs{display:none}.tt small{display:none}.nb{padding:0 14px}
 .tabs{grid-template-columns:1fr 1fr}.tab{min-height:56px;font-size:13.5px}
 .kpi{grid-template-columns:1fr}
 h2{font-size:23px}.num{min-width:34px;height:34px;font-size:14px}
}
@media (max-width:520px){.sp,.tabs{grid-template-columns:1fr}.ixg{grid-template-columns:1fr}}
@media (max-height:800px) and (min-width:761px),(max-width:1100px) and (min-width:761px){.scr{padding:18px clamp(18px,3vw,44px) 16px}.wrap{gap:12px}.pr{padding:10px 14px;gap:12px}p{font-size:14.5px;line-height:1.48}.lead{font-size:15.5px}h2{font-size:clamp(21px,2.2vw,27px)}h3{font-size:16.5px}
 .ic{width:36px;height:36px;border-radius:11px}.ic svg{width:19px;height:19px}.num{min-width:34px;height:34px;font-size:14px}.card{padding:16px}.btn{height:42px}
 .obj .hero{padding:18px 24px;gap:20px}.obj .hero p{font-size:16.5px}.tgt{width:68px;height:68px}.og{grid-template-columns:repeat(4,1fr);gap:9px}.oc{padding:10px 12px}.oc p{font-size:13px;line-height:1.35}.oc .n{width:26px;height:26px}
 .tbl .td{padding:9px 12px;font-size:13.5px}.tbl .th{padding:9px 12px}.smr>div{padding:8px 12px;font-size:13.5px}.sm{gap:7px}
 .ckr{min-height:40px;padding:7px 12px;font-size:13.5px}.ck{gap:6px}.ki{padding:9px 13px}.ki p{font-size:14px}.ki .n{width:30px;height:30px}.stk{gap:9px}
 .rn{min-height:0;padding:16px}.rf textarea{min-height:76px}.sps{min-height:0;padding:14px}.tab{min-height:54px;padding:9px 12px}.tpan{min-height:0}
 .bub{font-size:15px;padding:11px 15px}.mq{min-height:0}.mo button{min-height:44px;padding:9px 13px}.note{padding:10px 13px;font-size:13.5px}}
@media (max-height:700px) and (min-width:761px){.wrap{gap:10px}.pr{padding:8px 12px}p{font-size:14px}.lead{font-size:15px}.cnv svg{width:150px;height:150px}.oc p{font-size:12.5px}.obj .hero p{font-size:15.5px}}
.bub.me mark,.mq mark{color:#fff;background-image:linear-gradient(transparent 60%,rgba(255,255,255,.28) 60%)}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:760px){.g3{grid-template-columns:minmax(0,1fr);gap:10px}.scr{-webkit-overflow-scrolling:touch}}
i.ml{display:none}
@media (max-width:760px){i.ml{display:block;width:100%;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin:0 0 3px}
 .tbl .td.k,.smr .a{flex-wrap:wrap}.smr .c.lk>i.ml{filter:none}}
/* =================================================================== */
/* FASE 4 v2 · TEMA OSCURO (sistema visual Fase 3: navy + blanco + celeste) */
:root{--n9:#00143F;--bl:#8CC8FF;--bl2:#B9DDFF;--sl:#C3CDDB;--glass:rgba(255,255,255,.075);--glass2:rgba(255,255,255,.13);--line:rgba(255,255,255,.16);--line2:rgba(255,255,255,.28);--soft:rgba(0,131,255,.18);--ink:#fff;--txt:#E2E9F3;--sh:0 18px 50px -12px rgba(0,8,40,.55);--ok:#3FE0A0}
body{background:var(--n9);color:#fff}
.bgx{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 700px at 85% -10%,rgba(0,131,255,.35),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(0,131,255,.22),transparent 60%),linear-gradient(160deg,#00184A,#00102F 70%)}
.bgx:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}
.app{background:transparent}
:focus-visible{outline:3px solid var(--bl);outline-offset:3px}
mark{color:#fff;background-image:linear-gradient(transparent 58%,rgba(0,131,255,.62) 58%)}
.top{background:rgba(0,20,63,.55);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.logo{background:conic-gradient(from 210deg,#0083FF,#7CC0FF,#00277B,#0083FF);box-shadow:0 0 22px rgba(0,131,255,.6)}
.tt b{color:#fff}.tt small{color:var(--sl)}
.pct{color:var(--sl)}.pct i{background:rgba(255,255,255,.14)}
.tb{color:#fff;border:1px solid var(--line);background:var(--glass);border-radius:999px}
.tb:hover{border-color:var(--line2);color:#fff;background:var(--glass2)}
.tb[aria-pressed=true]{background:rgba(0,131,255,.3);border-color:var(--bl)}
.nav{background:rgba(0,20,63,.55);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.nb{border-radius:999px}
.nb.prev{border:1px solid var(--line2);color:#fff;background:var(--glass)}
.nb.next{background:#fff;color:#00277B;box-shadow:0 10px 30px -8px rgba(0,131,255,.7)}
.nb[aria-disabled=true]{background:rgba(255,255,255,.12);color:#8E9DB3;box-shadow:none}
.nb.prev[aria-disabled=true]{background:transparent;color:#6F7F98;border-color:var(--line)}
.segs i{background:rgba(255,255,255,.14)}.segs i.d{background:rgba(140,200,255,.55)}.segs i.c{background:#fff}
.cnt,.lock{color:var(--sl)}
@keyframes cue{0%,100%{box-shadow:0 0 0 0 rgba(140,200,255,0),var(--cs,0 0 0 0 transparent)}50%{box-shadow:0 0 0 7px rgba(140,200,255,.28),var(--cs,0 0 0 0 transparent)}}
@media (prefers-reduced-motion:reduce){.cue{outline:2px solid rgba(140,200,255,.7)}}
.eb{color:var(--bl2)}.eb:before{background:var(--bl)}
h1,h2,h3{color:#fff}
.num{background:linear-gradient(135deg,#0083FF,#0062CC);color:#fff;box-shadow:0 8px 24px -8px rgba(0,131,255,.8)}
.lead,p{color:var(--txt)}
.card,.pr,.oc,.tab,.tl .st,.ckr,.er,.sps,.ki,.rn,.smr,.kpi div,.mo button,.bub,.ib,.tbl{background:var(--glass);border:1px solid var(--line);color:var(--txt);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.card{box-shadow:var(--sh)}
.pr.key{background:linear-gradient(135deg,rgba(0,131,255,.24),rgba(255,255,255,.06));border-color:rgba(140,200,255,.45)}
.btn{background:#fff;color:#00277B;border-radius:999px;--cs:0 10px 30px -8px rgba(0,131,255,.7)}
.btn.gh{background:var(--glass);color:#fff;border:1px solid var(--line2);--cs:none}
.ic{background:rgba(0,131,255,.2);color:var(--bl2);border:1px solid rgba(140,200,255,.25)}
/* objective */
.obj .hero{background:radial-gradient(600px 300px at 90% 0%,rgba(0,131,255,.45),transparent 60%),linear-gradient(135deg,rgba(0,63,168,.85),rgba(0,39,123,.85));border:1px solid rgba(140,200,255,.3);box-shadow:var(--sh)}
.oc .n{background:rgba(0,131,255,.2);color:var(--bl2)}.oc p{color:var(--txt)}
.oc.lk{background:rgba(255,255,255,.04)}.oc.on{border-color:rgba(140,200,255,.6);box-shadow:0 10px 30px -10px rgba(0,131,255,.6)}.oc.on .n{background:#0083FF;color:#fff}
/* tabs */
.tab{color:#fff}.tab .l{background:rgba(0,131,255,.2);color:var(--bl2)}
.tab[aria-selected=true]{border-color:var(--bl);background:rgba(0,131,255,.22)}.tab[aria-selected=true] .l{background:#0083FF;color:#fff}
/* table */
.tbl .th{background:rgba(0,131,255,.28);color:#fff}
.tbl .td{color:var(--txt);border-top:1px solid var(--line)}
.tbl .td.k{color:#fff}
.tbl .rv button.rb{background:rgba(0,20,63,.55);color:var(--bl2);border:1px dashed rgba(140,200,255,.6)}
.tbl .row-on .td{background:rgba(0,131,255,.08)}
.note{background:rgba(0,131,255,.12);border:1px solid rgba(140,200,255,.3);color:var(--txt)}.note svg{color:var(--bl)}
/* activity */
.mq{background:linear-gradient(135deg,rgba(0,63,168,.9),rgba(0,98,204,.75));border:1px solid rgba(140,200,255,.3)}
.mq small{color:var(--bl2)}
.mo button{color:#fff}.mo button:hover{border-color:var(--bl)}
.mo button.ok{border-color:var(--ok);background:rgba(63,224,160,.14)}.mo button.ko{border-color:var(--line);background:rgba(255,255,255,.04);color:#8E9DB3}
.fb.ok{background:rgba(63,224,160,.12);border:1px solid rgba(63,224,160,.45);color:#D6FFEE}
.fb.ko{background:rgba(0,131,255,.14);border:1px solid rgba(140,200,255,.45);color:#E2F0FF}
.pips i.ko{background:#8CC8FF}
/* timeline */
.tl .ar2{color:var(--bl)}
.tl .st .tg{background:rgba(0,131,255,.2);color:var(--bl2)}
.tl .st.op{background:linear-gradient(135deg,rgba(0,131,255,.24),rgba(255,255,255,.05));border-color:rgba(140,200,255,.5)}
/* checklist */
.ckr{color:var(--txt)}.ckr .bx{border-color:rgba(140,200,255,.6)}
.ckr[aria-checked=true]{border-color:rgba(140,200,255,.6);background:rgba(0,131,255,.14)}.ckr[aria-checked=true] .bx{background:#0083FF;border-color:#0083FF}
.ckh{color:var(--sl)}.ckh button{color:var(--bl2)}
.ring .bg{stroke:rgba(255,255,255,.16)}.ring .fg{stroke:var(--bl)}
/* errors */
.er{color:var(--txt)}.er .x{background:rgba(255,138,138,.16);color:#FFB4B4}
/* inbox */
.ib{box-shadow:var(--sh)}.ib .ls{border-right:1px solid var(--line)}
.ib .ms{color:#fff;border-bottom:1px solid var(--line)}
.ib .ms[aria-selected=true]{background:rgba(0,131,255,.18);box-shadow:inset 3px 0 0 var(--bl)}
.ib .ms small,.ib .vw .em{color:var(--sl)}
/* chat */
.bub{color:#fff}.who{color:var(--sl)}
.av{background:linear-gradient(135deg,#C3CDDB,#53647B)}
.bub.me{background:linear-gradient(135deg,#0083FF,#0050C8);border:0}
/* stepper */
.sps .n{background:rgba(0,131,255,.2);color:var(--bl2)}
.sps.on{border-color:rgba(140,200,255,.55);background:linear-gradient(180deg,rgba(0,131,255,.22),rgba(255,255,255,.05))}.sps.on .n{background:#0083FF;color:#fff}
/* reflection */
.rf textarea{background:rgba(0,20,63,.5);border:1px solid var(--line2);color:#fff}
.rf textarea::placeholder{color:#8E9DB3}
.qt{border-left-color:var(--bl)}
/* summary */
.smr>div{color:var(--txt)}
.smr .a{color:#fff;background:rgba(0,131,255,.14)}
.smh{color:var(--sl)}
.smr .c button{background:rgba(0,20,63,.55);color:var(--bl2);border:1px dashed rgba(140,200,255,.6)}
/* conclusion */
.cnv b{color:#fff}.cnv b small{color:var(--sl)}
.ki .n{background:rgba(0,131,255,.2);color:var(--bl2)}.ki.on{border-color:rgba(140,200,255,.55);box-shadow:0 10px 30px -10px rgba(0,131,255,.55)}
.chips span{background:rgba(0,131,255,.2);color:var(--bl2)}
/* route */
.rn small{color:var(--bl2)}
.rn.nx{background:linear-gradient(135deg,rgba(0,98,204,.9),rgba(0,63,168,.9));border:1px solid rgba(140,200,255,.4)}.rn.nx small{color:var(--bl2)}
.rline{background:repeating-linear-gradient(90deg,var(--bl) 0 8px,transparent 8px 14px)}.rline i{background:#fff;box-shadow:0 0 0 5px rgba(140,200,255,.3)}
/* end */
.done{background:linear-gradient(135deg,#0E9F6E,#0B7F58);box-shadow:0 20px 50px -14px rgba(14,159,110,.6)}
.kpi b{color:#fff}.kpi span{color:var(--sl)}
/* index overlay */
#ovl{background:rgba(0,10,35,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#ovl .pn{background:linear-gradient(180deg,#00205F,#00143F);border-left:1px solid var(--line);color:#fff}
#ovl .it{color:#fff;border:1px solid var(--line);background:var(--glass)}
#ovl .it b{color:var(--bl2)}
#ovl .it i{background:#FF6B6B}#ovl .it.dn i{background:var(--ok)}
#ovl .it.cur{border-color:var(--bl);background:rgba(0,131,255,.22)}
@media (max-width:760px){.tbl .td.k{background:rgba(0,131,255,.12)}i.ml{color:var(--bl2)}.smr .c{border-top:1px dashed var(--line)}}
/* ---------- v2 · AYUDA (simulador de navegación) ---------- */
.hp{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(20px,3vw,48px);align-items:center}
.hpl{display:flex;flex-direction:column;gap:14px;min-width:0}
.hph{font-size:clamp(34px,4vw,54px)}
.hpt{display:flex;gap:10px;margin-top:4px}
.hpb{position:relative;flex:1;min-height:52px;border-radius:14px;background:var(--glass);border:1px solid var(--line);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 14px;gap:6px;overflow:hidden}
.hpb b{font-size:15px;font-weight:800;letter-spacing:.04em}
.hpb s{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--bl);transition:width .5s}
.hpb.vis s{width:100%}
.hpb[aria-selected=true]{background:rgba(0,131,255,.26);border-color:var(--bl)}
.hpc{display:flex;flex-direction:column;gap:12px;min-height:180px}
.hpc h3{font-size:clamp(17px,1.5vw,21px);line-height:1.35}
.hpcl{display:flex;flex-direction:column;gap:10px}
.hpi{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line);opacity:0;transform:translateY(8px);animation:hpi .5s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards}
.hpi .ic{font-weight:800;font-size:18px}.hpi p{font-size:15px}
@keyframes hpi{to{opacity:1;transform:none}}
.mk{position:relative;border-radius:22px;background:linear-gradient(180deg,rgba(0,40,110,.85),rgba(0,22,66,.9));border:1px solid rgba(140,200,255,.3);box-shadow:0 40px 90px -30px rgba(0,0,0,.7),0 0 0 8px rgba(255,255,255,.03);overflow:hidden;aspect-ratio:16/11;display:grid;grid-template-rows:44px 1fr 46px;min-width:0}
.mkt,.mkn{display:flex;align-items:center;gap:8px;padding:0 14px;background:rgba(0,20,63,.6);border-bottom:1px solid var(--line)}
.mkn{border-bottom:0;border-top:1px solid var(--line)}
.mkt .logo{width:20px;height:20px;border-radius:7px}.mkt .sp{flex:1}
.ln{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.18)}.mkt .ln{width:90px}
.w40{width:40%}.w60{width:60%}.w80{width:80%}
.mb{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--glass);border:1px solid var(--line);color:#fff;transition:transform .25s,background .25s}
.mb svg{width:15px;height:15px}.mb.big{width:46px;height:46px}.mb.big svg{width:22px;height:22px}
.mbn{height:30px;min-width:46px;padding:0 12px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line2);font-weight:800;font-size:14px;color:#fff}
.mbn.nx{background:#fff;color:#00277B;border-color:#fff}
.mseg{flex:1;display:flex;gap:3px}.mseg i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.16)}.mseg i:nth-child(-n+4){background:rgba(140,200,255,.6)}.mseg i:nth-child(5){background:#fff}
.mks{position:relative;overflow:hidden}
.mkv{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}
.mkv.on{opacity:1;transform:none}
.mkic{display:flex;gap:16px;margin:8px 0}
.mkcard{border-radius:12px;background:var(--glass);border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:9px}
.mkcard.ok2{flex-direction:row;align-items:center;gap:12px;border-color:rgba(63,224,160,.5);background:rgba(63,224,160,.1)}.mkcard.ok2 svg{width:20px;height:20px;color:var(--ok);flex:none}
.mkix{position:absolute;top:0;right:0;bottom:0;width:46%;background:linear-gradient(180deg,#00205F,#00143F);border-left:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:8px;transform:translateX(100%);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.mk.ixo .mkix{transform:none}
.mkixh{display:block;height:9px;width:50%;border-radius:4px;background:rgba(255,255,255,.4);margin-bottom:4px}
.mkr{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;border:1px solid var(--line);background:var(--glass)}
.mkr i{width:4px;height:16px;border-radius:2px;flex:none}.mkr i.g{background:var(--ok)}.mkr i.r{background:#FF6B6B}.mkr em{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.22)}
.mkvid{flex:1;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(0,131,255,.45),transparent 60%),linear-gradient(135deg,#003FA8,#00143F);display:grid;place-items:center;position:relative}
.mkvid .bar{position:absolute;left:16px;right:16px;bottom:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.2);overflow:hidden}.mkvid .bar s{display:block;height:100%;width:8%;background:#fff}
.mk.pl .mkvid .bar s{animation:pbar 6s linear infinite}@keyframes pbar{to{width:100%}}
.hot{box-shadow:0 0 0 3px rgba(140,200,255,.9),0 0 0 9px rgba(140,200,255,.22);animation:hot 1.6s ease-in-out infinite}
@keyframes hot{50%{box-shadow:0 0 0 3px rgba(140,200,255,.9),0 0 0 14px rgba(140,200,255,.08)}}
.hit{transform:scale(.9)}
.mkcur{position:absolute;left:0;top:0;width:26px;height:26px;transform:translate(60%,60%);transition:transform .7s cubic-bezier(.65,0,.35,1);z-index:3;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));pointer-events:none}
.mkrip{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;border:2px solid #fff;opacity:0;pointer-events:none;z-index:2}
.mkrip.on{animation:rip .6s ease-out}@keyframes rip{from{opacity:.9;scale:.3}to{opacity:0;scale:1.6}}
body.calm .hot,body.calm .mk.pl .mkvid .bar s{animation:none}
/* ---------- v2 · PORTADAS (jerarquía curso → módulo → apartado → submódulo) ---------- */
.cv{padding:0;overflow:hidden}
.cvimg{position:absolute;top:0;right:0;bottom:0;width:58%;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.75;animation:kb 26s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,1%)}}
.cvsh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,63,.96) 0,rgba(0,20,63,.82) 42%,rgba(0,20,63,.25) 100%),linear-gradient(0deg,rgba(0,16,47,.7),transparent 45%)}
.cvbig{position:absolute;right:clamp(10px,4vw,60px);bottom:-0.12em;font-size:clamp(140px,22vw,300px);font-weight:800;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(140,200,255,.35);opacity:0;animation:cvb 1.4s .3s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}
@keyframes cvb{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.cvin{position:relative;height:100%;max-width:min(760px,64%);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:40px clamp(24px,5vw,80px) 40px calc(clamp(24px,5vw,80px) + 22px)}
.cvline{position:absolute;left:clamp(24px,5vw,80px);top:50%;width:2px;height:0;background:linear-gradient(180deg,transparent,var(--bl),transparent);transform:translateY(-50%);animation:cvl 1.2s .1s cubic-bezier(.16,1,.3,1) forwards}
@keyframes cvl{to{height:min(70%,420px)}}
.cvl{display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateX(-14px);animation:cvi .8s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards}
@keyframes cvi{to{opacity:1;transform:none}}
.cvl .k{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bl2)}
.cvl .nm{display:inline-flex;align-self:flex-start;font-weight:800;color:#fff;background:linear-gradient(135deg,#0083FF,#0062CC);border-radius:10px;padding:3px 10px;letter-spacing:.02em}
.cvl .t{color:var(--txt);font-weight:600;line-height:1.3}
.cvl.rc .t{font-size:13px;color:var(--sl);font-weight:560}
.cvl.rm .t{font-size:16px}
.cvl.ra .t{font-size:19px;font-weight:650;color:#fff}.cvl.ra .nm{font-size:14px}
.cvl.rx h1{font-weight:780;letter-spacing:-.025em;line-height:1.1}
.cvl.rx .nm{font-size:18px;padding:5px 14px;margin-bottom:6px}
.cvl.rx .k{font-size:13px}
.lv0 .cvl.rx h1{font-size:clamp(34px,4.6vw,62px)}
.lv1 .cvl.rx h1{font-size:clamp(30px,3.9vw,52px)}
.lv2 .cvl.rx h1{font-size:clamp(28px,3.5vw,48px)}
.lv3 .cvl.rx h1{font-size:clamp(27px,3.3vw,46px)}
.lv3 .cvl.rm .t{font-size:15px}.lv3 .cvl.rc .t{font-size:12.5px}
.lv0{max-width:min(860px,70%)}
.cv .pill{align-self:flex-start;margin-top:14px;background:#fff;color:#00277B;--cs:0 12px 34px -8px rgba(0,131,255,.8)}
.cv .pill span{background:rgba(0,39,123,.12)}
body.calm .cvimg{animation:none}
@media (prefers-reduced-motion:reduce){.cvl,.cvbig,.cvline,.hpi,.ixa,.tm,.ta,.ts{animation:none!important;opacity:1!important;transform:none!important}.cvline{height:min(70%,420px)}}
/* ---------- v2 · ÍNDICE ---------- */
.ixn .ixh{display:flex;flex-direction:column;gap:6px}
.ixb{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}
.ixmods{display:flex;flex-direction:column;gap:10px}
.ixmb{display:flex;gap:14px;align-items:center;text-align:left;padding:13px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line);color:#fff;min-height:64px;transition:background .3s,border-color .3s,transform .3s}
.ixmb .n{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:800;background:rgba(0,131,255,.2);color:var(--bl2)}
.ixmb .t{font-size:14.5px;font-weight:650;line-height:1.3}
.ixmb[aria-selected=true]{background:rgba(0,131,255,.24);border-color:var(--bl);transform:translateX(4px)}.ixmb[aria-selected=true] .n{background:#0083FF;color:#fff}
.ixmb.off{opacity:.75}
.ixpan{border-radius:20px;background:rgba(0,20,63,.45);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:8px}
.ixpt{display:flex;gap:12px;align-items:center;padding:2px 4px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.ixpt .n{font-size:28px;font-weight:800;color:var(--bl)}.ixpt b{font-size:15.5px;line-height:1.3}
.ixa{border-radius:14px;border:1px solid var(--line);background:var(--glass);overflow:hidden;opacity:0;animation:hpi .5s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards}
.ixah{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:11px 14px;color:#fff;min-height:48px}
.ixah .t{flex:1;font-size:14.5px;font-weight:650;line-height:1.3}
.nm{font-weight:800;color:var(--bl2);font-variant-numeric:tabular-nums}
.ixah .nm{flex:none;min-width:34px}
.chev{flex:none;width:22px;height:22px;display:grid;place-items:center;color:var(--bl2);transition:transform .3s}.chev svg{width:18px;height:18px}
.ixa.open{border-color:rgba(140,200,255,.5);background:rgba(0,131,255,.12)}.ixa.open .chev{transform:rotate(180deg)}
.ixs{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}.ixs>*{overflow:hidden}
.ixa.open .ixs{grid-template-rows:1fr}
.ixs{display:none}.ixa.open .ixs{display:flex;flex-direction:column;gap:4px;padding:0 10px 10px}
.ixsr{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;font-size:13.5px;line-height:1.35;color:var(--txt)}
.ixsr .nm{flex:none;min-width:42px}.ixsr .t{flex:1}
.ixsr.cur{background:rgba(0,131,255,.28);color:#fff;box-shadow:inset 3px 0 0 var(--bl)}
.here{flex:none;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#00277B;background:#fff;border-radius:999px;padding:4px 9px}
/* ---------- v2 · CONTENIDO (árbol dinámico) ---------- */
.ctnh{display:flex;flex-direction:column;gap:6px}
.tree{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr) minmax(0,1.15fr);gap:28px;align-items:center;position:relative}
.tc{display:flex;flex-direction:column;gap:10px;position:relative}
.taps:before,.tsubs:before{content:"";position:absolute;left:-15px;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,transparent,rgba(140,200,255,.6),transparent)}
.tm,.ta,.ts{position:relative;display:flex;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line);color:#fff;opacity:0;animation:hpi .55s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards}
.ta:before,.ts:before{content:"";position:absolute;left:-15px;top:50%;width:15px;height:2px;background:rgba(140,200,255,.6)}
.tm .n{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:rgba(0,131,255,.2);color:var(--bl2)}
.tm .t{font-size:13px;font-weight:600;line-height:1.3;color:var(--txt)}
.tm:not(.on){opacity:.75}
@keyframes hpi2{to{opacity:.75;transform:none}}.tm:not(.on){animation-name:hpi2}
.tm.on{background:rgba(0,131,255,.24);border-color:var(--bl)}.tm.on .n{background:#0083FF;color:#fff}.tm.on .t{color:#fff}
.ta{min-height:62px}.ta .t{flex:1;font-size:14.5px;font-weight:650;line-height:1.3}
.ta.on{background:rgba(0,131,255,.26);border-color:var(--bl)}.ta .chev{transition:transform .3s}.ta.on .chev{transform:translateX(3px)}
.ts{min-height:54px}.ts .t{flex:1;font-size:14px;line-height:1.35;color:var(--txt)}
.ts.cur{background:rgba(0,131,255,.3);border-color:var(--bl)}.ts.cur .t{color:#fff;font-weight:650}
.tsh{display:grid;place-items:center;height:120px;color:rgba(140,200,255,.6)}.tsh svg{width:34px;height:34px;animation:tsh 1.6s ease-in-out infinite}
@keyframes tsh{50%{transform:translateX(8px)}}
.tm.on:after{content:"";position:absolute;right:-15px;top:50%;width:15px;height:2px;background:rgba(140,200,255,.6)}
/* responsive v2 */
@media (max-height:800px) and (min-width:761px),(max-width:1100px) and (min-width:761px){.hpc{min-height:150px}.hpi{padding:9px 12px}.hpi p{font-size:14px}.mk{aspect-ratio:16/10.5}.hph{font-size:clamp(30px,3.4vw,44px)}
 .ixmb{min-height:54px;padding:9px 12px}.ixmb .n{width:34px;height:34px;font-size:16px}.ixah{min-height:42px;padding:8px 12px}.ixsr{padding:6px 10px;font-size:13px}.ixpan{padding:12px;gap:6px}
 .tm,.ta,.ts{padding:9px 12px}.ta{min-height:52px}.ts{min-height:46px}.tm .t{font-size:12.5px}.ta .t{font-size:13.5px}.ts .t{font-size:13px}}
@media (max-width:900px) and (min-width:761px){.hp{grid-template-columns:minmax(0,1fr)}.mk{max-width:560px;width:100%;justify-self:center}}
@media (max-width:1100px) and (min-width:761px){.tree{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.1fr);gap:24px}}
@media (max-width:760px){.hp{grid-template-columns:minmax(0,1fr)}.hph{font-size:34px}.hpc{min-height:0}.mk{aspect-ratio:auto;height:250px;grid-template-rows:40px 1fr 42px}.mkv{padding:14px}
 .cvimg{width:100%;opacity:.35;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}.cvsh{background:linear-gradient(180deg,rgba(0,20,63,.55),rgba(0,20,63,.95) 60%)}
 .cvin,.lv0{max-width:100%;padding:28px 20px 28px 38px;justify-content:flex-end}.cvline{left:20px}.cvbig{font-size:130px;top:10px;bottom:auto;right:10px}
 .lv0 .cvl.rx h1{font-size:32px}.lv1 .cvl.rx h1{font-size:28px}.lv2 .cvl.rx h1{font-size:26px}.lv3 .cvl.rx h1{font-size:25px}
 .ixb{grid-template-columns:minmax(0,1fr)}.ixmb[aria-selected=true]{transform:none}
 .tree{grid-template-columns:minmax(0,1fr);gap:14px}.tmods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tm:after,.tm.on:after{display:none}
 .taps:before,.tsubs:before{left:-10px}.ta:before,.ts:before{left:-10px;width:10px}.taps,.tsubs{margin-left:12px}.tsh{height:40px;transform:rotate(90deg)}}
@media (max-width:760px){.hp{display:flex;flex-direction:column;align-items:stretch;gap:12px}.hpl{display:contents}.hpl>.eb{order:0}.hph{order:1}.hpl>.lead{order:2}.hpt{order:3}.mk{order:4;flex:none}.hpc{order:5}
 .tmods{grid-template-columns:minmax(0,1fr)}.tm{padding:8px 12px}.tm .n{width:30px;height:30px}}

.cvdeco{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.scr.cv{overflow:hidden auto}
@media (max-height:700px) and (min-width:761px){.ixsr{padding:3px 8px;font-size:12.5px}.ixah{min-height:36px;padding:6px 12px}.ixa.open .ixs{gap:2px;padding:0 8px 6px}.ixpt{padding:0 4px 5px}.ixpt .n{font-size:22px}.ixpan{gap:5px;padding:10px}.ixn .ixh{flex-direction:row;align-items:baseline;gap:16px}.ixmb{min-height:48px}}
/* ---------- v3 ---------- */
.tth .hn{color:var(--bl)}
.cv .pill.cvgo{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;white-space:nowrap;align-self:flex-start;width:auto;height:52px;padding:0 8px 0 26px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.16em;background:#fff;color:#00277B;opacity:0;transform:translateY(10px);animation:cvi .8s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards,cue 2.2s 1.6s ease-in-out infinite;transition:transform .3s}
.cv .pill.cvgo span{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0083FF,#0062CC);color:#fff;display:grid;place-items:center;transition:transform .3s}
.cv .pill.cvgo:hover span{transform:translateX(3px)}
.cv .pill.cvgo:not(.cue){animation:cvi .8s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards}
body.calm .cv .pill.cvgo{animation:none;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cv .pill.cvgo{animation:none;opacity:1;transform:none}}
/* v3.1 (25-10, Sergio 1a17527a0b53afe2): 1) recuadros de objetivos centrados (el 2.º renglón de 3 queda centrado); 2) contenido centrado en vertical en todas las pantallas (márgenes automáticos: si no cabe, se desplaza sin cortar arriba) */
.og{--c:4;--g:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.og>.oc{flex:0 0 calc((100% - (var(--c) - 1)*var(--g))/var(--c));min-width:0}
@media (max-height:800px) and (min-width:761px),(max-width:1100px) and (min-width:761px){.og{--g:9px}}
@media (max-width:760px){.og{--c:2}}
@media (max-width:600px){.og{--c:1}}
.scr:not(.cv){display:flex;flex-direction:column}
.scr:not(.cv)>.holder{flex:1 0 auto;display:flex;flex-direction:column;width:100%}
.scr:not(.cv)>.holder>.wrap{margin:auto;min-height:0;width:100%}
.scr:not(.cv)>.wrap{margin:auto;min-height:0;width:100%}
/* v4 (Sergio 26-10) */
/* 1) Portadas en móvil y tableta: texto centrado en horizontal y en vertical */
@media (max-width:1100px){
 .cvin,.cvin.lv0{max-width:100%;width:100%;margin:0 auto;padding:32px clamp(22px,6vw,64px);justify-content:center;align-items:center;text-align:center}
 .cvline{display:none}
 .cvl{align-items:center;transform:translateY(10px)}
 .cvl .t,.cvl h1{text-align:center}
 .cv .pill,.cv .pill.cvgo{align-self:center}
 .cvsh{background:radial-gradient(120% 80% at 50% 50%,rgba(0,20,63,.82),rgba(0,20,63,.95))}
}
@media (max-width:1100px) and (min-width:761px){.cvbig{bottom:-.1em;top:auto}}
@media (max-width:760px){.cvbig{top:auto;bottom:-.08em;font-size:clamp(110px,34vw,170px)}}
/* 2) Contenido por niveles */
.ctl{gap:20px}.ctlh{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ctx{display:inline-flex;align-items:center;gap:8px;max-width:100%;font-size:13px;font-weight:600;color:var(--bl2,#8CC8FF);background:rgba(0,131,255,.12);border:1px solid rgba(140,200,255,.28);border-radius:999px;padding:6px 14px}
.ctx svg{flex:none;stroke:currentColor;fill:none;stroke-width:1.8}.ctx span{min-width:0}
.ltg{--g:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.lt{position:relative;flex:0 0 calc((100% - (var(--c) - 1)*var(--g))/var(--c));min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:20px 20px 22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.22);color:#fff;font:inherit;cursor:pointer;min-height:170px;opacity:0;transform:translateY(12px);animation:cvi .7s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards;transition:border-color .3s,background .3s,box-shadow .3s}
.lt .ltn{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--bl,#0083FF);line-height:1}
.lt .ltx{font-size:15.5px;line-height:1.4;font-weight:600;filter:blur(6px);user-select:none;transition:filter .45s}
.lt.on .ltx{filter:none;user-select:auto}.lt.on{background:rgba(0,131,255,.14);border-color:rgba(140,200,255,.55);box-shadow:0 14px 34px -12px rgba(0,131,255,.55)}
.lt .here{margin-top:auto;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#00277B;background:#fff;border-radius:999px;padding:4px 10px}
.lt.cur{border-color:rgba(140,200,255,.6)}
body.calm .lt{animation:none;opacity:1;transform:none}
.lt.cue{animation:cvi .7s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards,cue 2.2s ease-in-out calc(var(--d,0s) + .8s) infinite}
body.calm .lt.cue{animation:none}
@media (prefers-reduced-motion:reduce){.lt{animation:none;opacity:1;transform:none}}
@media (max-width:1100px) and (min-width:761px){.ltg[style*="--c:4"]{--c:2!important}.lt{min-height:130px}}
@media (max-width:760px){.ltg{--c:1!important;--g:10px}.lt{min-height:0;flex-direction:row;align-items:center;padding:14px 16px;gap:14px;flex-wrap:wrap}.lt .ltn{font-size:24px;min-width:62px}.lt .ltx{flex:1 1 180px;font-size:14.5px}.lt .here{margin:0}}
/* 3) Botón elevado bajo el título */
.wrap>.btn.lift{align-self:flex-start;margin:2px 0}
/* v5 (Sergio 26-10): más aire dentro de recuadros (mín. 14 px de relleno; regla QA PAD-01 ≥12 px texto→borde) */
.pr{padding:16px 18px}.tab{padding:14px 16px}.ckr{padding:14px 16px}.ki{padding:16px 18px}.note{padding:16px 18px}
.tbl .td,.tbl .th{padding:14px 18px}.smr>div{padding:14px 18px}.hpi{padding:14px 16px}.ixmb{padding:14px 16px}.ixah{padding:12px 16px}
@media (max-height:800px) and (min-width:761px),(max-width:1100px) and (min-width:761px){
 .pr{padding:14px 16px}.tab{padding:12px 14px}.ckr{padding:13px 14px;min-height:44px}.ki{padding:14px 16px}.note{padding:14px 16px}
 .tbl .td,.tbl .th{padding:14px 16px}.smr>div{padding:14px 16px}.hpi{padding:13px 14px}.ixmb{padding:13px 14px}.ixah{padding:12px 14px}}
@media (max-height:700px) and (min-width:761px){.ixah{padding:12px 14px;min-height:42px}}
/* Recuadros de revelar (cuadro resumen, tabla clasificadora): la etiqueta, el botón y el texto nunca se tocan */
.smr .c.lk,.tbl .rv.lk{padding:14px 16px}
.smr .c button,.tbl .rv button.rb{inset:10px;padding:13px 16px;text-align:center;line-height:1.3;white-space:normal}
@media (max-width:760px){
 .smr .c.lk,.tbl .rv.lk{display:flex;flex-direction:column;gap:10px;padding:16px 18px}
 .smr .c.lk>i.ml,.tbl .rv.lk>i.ml{order:0;margin:0}
 .smr .c.lk>button,.tbl .rv.lk>button.rb{order:1;position:relative;inset:auto;width:100%;min-height:48px;margin:2px 0 4px}
 .smr .c.lk>span,.tbl .rv.lk>span{order:2}}
/* v5b: objetivos, actividad, índice y altura mínima de recuadros de revelar en escritorio */
.oc{padding:14px 16px}
@media (max-height:800px) and (min-width:761px),(max-width:1100px) and (min-width:761px){.oc{padding:13px 14px}.ixpan{padding:14px}.mo button{padding:12px 14px}}
@media (max-height:700px) and (min-width:761px){.ixpan{padding:13px}}
@media (min-width:761px){.smr .c.lk,.tbl .rv.lk{min-height:64px}.smr .c button,.tbl .rv button.rb{display:flex;align-items:center;justify-content:center;gap:8px}}
/* v5c: misma regla sin añadir desplazamiento en escritorio */
@media (min-width:761px) and (max-width:900px){.smr .c.lk{min-height:96px}}
.smr>div{padding:12px 16px}
@media (max-height:800px) and (min-width:761px),(max-width:1100px) and (min-width:761px){.smr>div{padding:12px 14px}.ckr{padding:12px 14px;min-height:0;align-items:center}}
@media (max-height:700px) and (min-width:761px){.ckr .bx{width:20px;height:20px}.card.stk{padding:12px;gap:4px}}
@media (min-width:1101px){.smr .c.lk{min-height:60px}.smr .c button{inset:8px;padding:12px 16px}}
@media (max-height:700px) and (min-width:761px){.wrap{gap:8px}}
@media (max-height:700px) and (min-width:1101px){.smr>div{padding-top:11px;padding-bottom:11px}.smr .c.lk{min-height:58px}}
@media (max-height:700px) and (min-width:761px){.ixa.open .ixs{padding:0 8px 9px}}
@media (max-height:800px) and (min-width:761px),(max-width:1100px) and (min-width:761px){.ixa.open .ixs{padding:0 10px 10px}}
/* v6 (Sergio 26-10 09:15): portadas con jerarquía escalonada y etiqueta azul del nivel; avatar profesional; etiquetas con número */
.cvl.rx .k.kx{font-size:14px;letter-spacing:.18em;margin-bottom:6px}
.cvl.ra .t{font-size:17px;font-weight:620;color:var(--txt)}
.lv3 .cvl.ra .t{font-size:16.5px}
.av.pro{width:40px;height:40px;background:none;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 16px -8px rgba(0,131,255,.7)}.av.pro svg{display:block}
@media (max-width:760px){
 .lv2 .cvl:not(.rx) .k,.lv3 .cvl:not(.rx) .k{font-size:10px;letter-spacing:.14em;opacity:.85}
 .lv2 .cvl:not(.rx) .t,.lv3 .cvl:not(.rx) .t{font-size:12.5px;font-weight:540;color:var(--sl);line-height:1.3}
 .lv3 .cvin{gap:10px}.cvl.rx .k.kx{font-size:12.5px;margin-bottom:4px}}
/* ===== C1-nuevo v2 (26-10): componentes nuevos sobre el sistema Fase 4 v7 (#0083FF · #FFFFFF · #00277B · #53647B). Nada del diseño antiguo. ===== */
.dv .bdy{gap:12px}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pg>.sq>.pr{height:100%}
.seq>.sq,.bdy>.sq,.stk>.sq{min-width:0}
.sq.hid{opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden}
.sq{transition:opacity .45s,transform .45s}
.lb{font-weight:600;color:#fff}
.shd{font-size:17px;color:var(--bl2);letter-spacing:.01em;margin-top:2px}
.pr .stk{gap:8px;min-width:0}
.pr.qa h3{font-size:17.5px;color:#fff}
.pr.qa{border-color:rgba(140,200,255,.32)}
.pr.key{background:linear-gradient(135deg,rgba(0,131,255,.28),rgba(0,98,204,.12));border-color:rgba(140,200,255,.45)}
.pr.cap .capt{font-size:clamp(16px,1.35vw,19px);font-weight:760;color:#fff;letter-spacing:.01em;line-height:1.4}
/* flujo animado (nodos + flechas) */
.flw{display:flex;flex-direction:column;gap:14px;padding:18px 20px}
.flw h3{font-size:16px}
.fl{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.fn{flex:1 1 0;min-width:132px;display:flex;flex-direction:column;gap:6px;padding:14px 14px;border-radius:14px;background:rgba(0,131,255,.16);border:1px solid rgba(140,200,255,.38);opacity:0;transform:translateY(8px);animation:fni .55s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards}
.fn:last-child{background:linear-gradient(135deg,#0083FF,#0062CC);border-color:transparent}
.fn b{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--bl)}
.fn:last-child b{color:#fff}
.fn span{font-size:13px;font-weight:720;color:#fff;line-height:1.3;letter-spacing:0;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.fa{flex:none;align-self:center;color:var(--bl);opacity:0;animation:fni .5s var(--d,0s) forwards}
.fa svg{width:22px;height:22px}
@keyframes fni{to{opacity:1;transform:none}}
body.calm .fn,body.calm .fa{animation:none;opacity:1;transform:none}
/* lista con iconos */
.ulc{display:flex;flex-direction:column;gap:12px;padding:18px 20px}
.ulc h3{font-size:16.5px}
.chg{display:grid;grid-template-columns:1fr;gap:8px}
.chg.c2{grid-template-columns:1fr 1fr}
.chp{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:14.5px;line-height:1.35;color:var(--txt)}
.chp .ic{width:28px;height:28px;border-radius:9px}.chp .ic svg{width:15px;height:15px}
/* comparación en dos columnas (la segunda se revela) */
.tlab{font-size:16.5px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cmp .card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;position:relative}
.cmp .tg{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:8px;background:var(--soft);color:var(--bl2)}
.cmb .tg{background:#fff;color:#00277B}
.cmi{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.38;color:var(--txt)}
.cmi .ic{width:26px;height:26px;border-radius:8px;flex:none}.cmi .ic svg{width:14px;height:14px}
.cml{display:flex;flex-direction:column;gap:8px}
.cmb.lk .cml{filter:blur(6px);opacity:.5;user-select:none}
.cmb>button.rb{position:absolute;left:12px;right:12px;bottom:12px;top:52px;border-radius:12px;background:rgba(0,20,63,.6);color:var(--bl2);border:1px dashed rgba(140,200,255,.6);font-weight:720;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;text-align:center}
/* tabla genérica Fase 4 (2–4 columnas, última columna se revela) */
.tbx{display:grid;grid-template-columns:minmax(0,.9fr) repeat(calc(var(--c) - 1),minmax(0,1.2fr));border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tbx.n0{grid-template-columns:64px repeat(calc(var(--c) - 1),minmax(0,1fr))}
.tbx.n0.c3{grid-template-columns:64px minmax(0,.6fr) minmax(0,1.6fr)}
.tbx .th{background:rgba(0,131,255,.3);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px}
.tbx .td{padding:12px 16px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.42;color:var(--txt);position:relative;min-width:0}
.tbx .td.k{font-weight:720;color:#fff;display:flex;gap:10px;align-items:flex-start;background:rgba(0,131,255,.1)}
.tbx .td.k .ic{width:30px;height:30px;border-radius:10px}.tbx .td.k .ic svg{width:16px;height:16px}
.tbx .nm,.qzr .nm{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;font-size:13px}
.rv.lk>span{filter:blur(6px);opacity:.55;user-select:none}
.tbx .rv>button.rb,.acb>button.rb{position:absolute;inset:8px;border-radius:10px;background:rgba(0,20,63,.55);color:var(--bl2);font-weight:720;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(140,200,255,.6);padding:12px 14px;text-align:center}
.tbx .rv.lk{min-height:56px}
/* preguntas con respuesta revelable */
.acc{display:flex;flex-direction:column;gap:10px}
.acc h3{font-size:16.5px}
.aci{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:0;border-radius:15px;overflow:hidden;border:1px solid var(--line);background:var(--glass)}
.acq{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;background:rgba(0,131,255,.12);color:#fff;font-size:14.5px;line-height:1.38}
.acq .ic{width:30px;height:30px;border-radius:10px}.acq .ic svg{width:16px;height:16px}
.acb{position:relative;padding:13px 16px;font-size:14.5px;line-height:1.42;color:var(--txt);min-height:56px}
/* ficha de reflexión (Fase 4 124-5) */
.wsc{padding:18px 20px}
.wsc .sub{font-size:14px;color:var(--sl)}
.ckr[aria-checked=true]{background:rgba(0,131,255,.18);border-color:rgba(140,200,255,.5)}
/* actividad puntuable A/B/C · Correcta/Incorrecta */
.qz{display:flex;flex-direction:column;gap:8px;padding:16px 18px}
.qzh{display:flex;justify-content:space-between;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2);padding:0 4px}
.qzr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.qzr:not(:has(.nm)){grid-template-columns:minmax(0,1fr) auto}
.qzr p{font-size:14.5px;line-height:1.38}
.qzo{display:flex;gap:6px}
.qzo button{min-width:46px;height:46px;padding:0 14px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid var(--line2);color:#fff;font-weight:800;font-size:14px}
.qzo button.w{min-width:92px;font-size:13px}
.qzo button.ok{background:var(--ok);color:#00143F;border-color:transparent}
.qzo button.ko{background:rgba(255,120,120,.25);border-color:rgba(255,140,140,.6)}
.qzf{grid-column:1/-1;display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--bl2)}
.qzf.ok{color:var(--ok)}
/* reflexión: respuesta opcional */
.rfx textarea{width:100%;min-height:78px;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.07);border:1px solid var(--line2);color:#fff;font:inherit;font-size:15px;resize:vertical}
.rfx textarea::placeholder{color:var(--sl)}
/* conversación */
.chat .av{width:40px;height:40px;background:none;display:grid;place-items:center;border-radius:50%}
.chat .av .ic{width:40px;height:40px;border-radius:50%}
.chat .bub{max-width:none;color:#fff;font-size:16px}
/* objetivo del curso: ámbitos */
.oc .ic{width:30px;height:30px;border-radius:10px}.oc .ic svg{width:16px;height:16px}
.oc.on{border-color:rgba(140,200,255,.5)}
.hero mark{background:none;color:#fff;font-weight:700;box-shadow:inset 0 -2px 0 var(--blue)}
/* ===== VÍDEO A PANTALLA GRANDE (todas las apariciones de la presentadora) ===== */
.scr.vs{padding:14px clamp(12px,2vw,28px) 14px;display:flex}
.vfs{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}
.vst{position:relative;border-radius:22px;overflow:hidden;background:#00143F;box-shadow:0 30px 80px -24px rgba(0,8,40,.85),0 0 0 1px rgba(140,200,255,.35),0 0 0 6px rgba(0,131,255,.12);max-width:100%}
.vst video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#00143F}
.vov{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(18px,2.6vw,36px);background:linear-gradient(180deg,rgba(0,20,63,0) 35%,rgba(0,20,63,.82) 100%);cursor:pointer;transition:opacity .45s}
.vst.pl .vov{opacity:0;pointer-events:none}
.vcap{display:flex;flex-direction:column;gap:10px;max-width:min(720px,70%);padding:18px 22px;border-radius:18px;background:rgba(0,20,63,.55);border:1px solid rgba(140,200,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.vcap h2,.vcap h1{color:#fff;font-size:clamp(20px,2.1vw,30px);line-height:1.15}
.vcap h1{font-size:clamp(22px,2.4vw,36px)}
.vcap .num{margin-right:10px}
.vhint{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--bl2);font-weight:600}
.vpl{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:clamp(84px,9vw,124px);height:clamp(84px,9vw,124px);border-radius:50%;background:linear-gradient(135deg,#0083FF,#0062CC);color:#fff;display:grid;place-items:center;box-shadow:0 16px 46px -10px rgba(0,131,255,.9)}
.vpl>svg:last-child{width:38%;height:38%;margin-left:6%;fill:#fff}
.vrg{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}
.vfu{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:12px;background:rgba(0,20,63,.55);border:1px solid rgba(140,200,255,.35);color:#fff;display:grid;place-items:center;z-index:2}
.vfu svg{width:20px;height:20px}
.vok{position:absolute;left:14px;top:14px;display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px;background:var(--ok);color:#00143F;font-weight:800;font-size:12.5px;z-index:2}
.vst:fullscreen{border-radius:0;width:100%!important;height:100%!important}
/* bienvenida */
.wel .vov{align-items:stretch;flex-direction:column;justify-content:flex-end}
.wel .vpl{top:40%}
.vmods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vmd{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px 14px;border-radius:14px;background:rgba(0,20,63,.6);border:1px solid rgba(140,200,255,.35);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);animation:fni .6s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards}
.vmd.cue{animation:fni .6s var(--d,0s) cubic-bezier(.16,1,.3,1) forwards,cue 2.2s ease-in-out calc(var(--d,0s) + .8s) infinite}
.vmd b{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bl)}
.vmd span{font-size:13.5px;line-height:1.3;font-weight:650;filter:blur(5px);transition:filter .4s}
.vmd.on span{filter:none}
.vmd i{font-style:normal;align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#fff;color:#00277B;border-radius:999px;padding:3px 8px}
.vmd.on{border-color:#fff}
.wel .vcap{max-width:min(760px,100%)}
body.calm .vmd{animation:none;opacity:1;transform:none}
/* densidad (escritorio/tableta) — reduce texto y huecos, nunca el relleno mínimo PAD-01 de 12 px */
.wrap[data-fz="1"]{gap:14px}.wrap[data-fz="1"] .lead{font-size:16px}.wrap[data-fz="1"] p,.wrap[data-fz="1"] .cmi,.wrap[data-fz="1"] .chp,.wrap[data-fz="1"] .td,.wrap[data-fz="1"] .acq,.wrap[data-fz="1"] .acb{font-size:14px}.wrap[data-fz="1"] .stk,.wrap[data-fz="1"] .pg{gap:10px}
.wrap[data-fz="2"]{gap:12px}.wrap[data-fz="2"] .lead{font-size:15px}.wrap[data-fz="2"] p,.wrap[data-fz="2"] .cmi,.wrap[data-fz="2"] .chp,.wrap[data-fz="2"] .td,.wrap[data-fz="2"] .acq,.wrap[data-fz="2"] .acb,.wrap[data-fz="2"] .smr>div,.wrap[data-fz="2"] .ckr{font-size:13.5px;line-height:1.4}.wrap[data-fz="2"] .stk,.wrap[data-fz="2"] .pg{gap:8px}.wrap[data-fz="2"] .pr{padding:12px 14px;gap:12px}.wrap[data-fz="2"] .ic{width:34px;height:34px;border-radius:11px}.wrap[data-fz="2"] h2{font-size:clamp(20px,2vw,26px)}
.wrap[data-fz="3"]{gap:10px}.wrap[data-fz="3"] .lead,.wrap[data-fz="3"] p,.wrap[data-fz="3"] .cmi,.wrap[data-fz="3"] .chp,.wrap[data-fz="3"] .td,.wrap[data-fz="3"] .acq,.wrap[data-fz="3"] .acb,.wrap[data-fz="3"] .smr>div,.wrap[data-fz="3"] .ckr,.wrap[data-fz="3"] .capt{font-size:13px;line-height:1.36}.wrap[data-fz="3"] .stk,.wrap[data-fz="3"] .pg,.wrap[data-fz="3"] .sm{gap:7px}.wrap[data-fz="3"] .pr{padding:12px 13px;gap:10px}.wrap[data-fz="3"] .ic{width:30px;height:30px;border-radius:10px}.wrap[data-fz="3"] .ic svg{width:16px;height:16px}.wrap[data-fz="3"] h2{font-size:clamp(19px,1.8vw,24px)}.wrap[data-fz="3"] .td,.wrap[data-fz="3"] .smr>div,.wrap[data-fz="3"] .ki{padding:12px 13px}.wrap[data-fz="3"] .cnv svg{width:150px;height:150px}.wrap[data-fz="3"] .cn{grid-template-columns:170px 1fr}
.wrap[data-fz="4"]{gap:9px}.wrap[data-fz="4"] .lead,.wrap[data-fz="4"] p,.wrap[data-fz="4"] .cmi,.wrap[data-fz="4"] .chp,.wrap[data-fz="4"] .td,.wrap[data-fz="4"] .acq,.wrap[data-fz="4"] .acb,.wrap[data-fz="4"] .smr>div,.wrap[data-fz="4"] .ckr,.wrap[data-fz="4"] .capt,.wrap[data-fz="4"] .fn span{font-size:12.5px;line-height:1.33}.wrap[data-fz="4"] .stk,.wrap[data-fz="4"] .pg,.wrap[data-fz="4"] .sm,.wrap[data-fz="4"] .chg{gap:6px}.wrap[data-fz="4"] .pr{padding:12px;gap:10px}.wrap[data-fz="4"] .ic{width:28px;height:28px;border-radius:9px}.wrap[data-fz="4"] .ic svg{width:15px;height:15px}.wrap[data-fz="4"] h2{font-size:clamp(18px,1.7vw,22px)}.wrap[data-fz="4"] .td,.wrap[data-fz="4"] .smr>div,.wrap[data-fz="4"] .ki,.wrap[data-fz="4"] .chp,.wrap[data-fz="4"] .acq,.wrap[data-fz="4"] .acb{padding:12px}.wrap[data-fz="4"] .cnv svg{width:120px;height:120px}.wrap[data-fz="4"] .cn{grid-template-columns:140px 1fr}.wrap[data-fz="4"] .fn{padding:12px}.wrap[data-fz="4"] .flw,.wrap[data-fz="4"] .ulc,.wrap[data-fz="4"] .cmp .card,.wrap[data-fz="4"] .qz,.wrap[data-fz="4"] .wsc{padding:12px 14px;gap:8px}
.wrap[data-fz="5"] .bdy>.stk:only-child,.wrap[data-fz="5"] .stk.bdy{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.wrap[data-fz="5"] .stk.bdy>.sqh{grid-column:1/-1}
.wrap[data-fz="5"],.wrap[data-fz="6"]{gap:8px}.wrap[data-fz="5"] .lead,.wrap[data-fz="5"] p,.wrap[data-fz="5"] .cmi,.wrap[data-fz="5"] .chp,.wrap[data-fz="5"] .td,.wrap[data-fz="5"] .acq,.wrap[data-fz="5"] .acb,.wrap[data-fz="5"] .smr>div,.wrap[data-fz="5"] .ckr,.wrap[data-fz="5"] .capt,.wrap[data-fz="5"] .fn span,.wrap[data-fz="6"] .lead,.wrap[data-fz="6"] p,.wrap[data-fz="6"] .cmi,.wrap[data-fz="6"] .chp,.wrap[data-fz="6"] .td,.wrap[data-fz="6"] .acq,.wrap[data-fz="6"] .acb,.wrap[data-fz="6"] .smr>div,.wrap[data-fz="6"] .ckr,.wrap[data-fz="6"] .capt{font-size:12.5px;line-height:1.32}.wrap[data-fz="5"] .stk,.wrap[data-fz="5"] .pg,.wrap[data-fz="5"] .sm,.wrap[data-fz="6"] .stk,.wrap[data-fz="6"] .pg,.wrap[data-fz="6"] .sm{gap:6px}.wrap[data-fz="5"] .pr,.wrap[data-fz="6"] .pr{padding:12px;gap:10px}.wrap[data-fz="5"] .ic,.wrap[data-fz="6"] .ic{width:28px;height:28px}.wrap[data-fz="5"] h2,.wrap[data-fz="6"] h2{font-size:clamp(18px,1.6vw,21px)}.wrap[data-fz="5"] .td,.wrap[data-fz="5"] .smr>div,.wrap[data-fz="5"] .ki,.wrap[data-fz="6"] .td,.wrap[data-fz="6"] .smr>div,.wrap[data-fz="6"] .ki{padding:12px}.wrap[data-fz="5"] .cnv,.wrap[data-fz="6"] .cnv{display:none}.wrap[data-fz="5"] .cn,.wrap[data-fz="6"] .cn{grid-template-columns:1fr}
.wrap[data-fz="6"] .seq>.stk.bdy,.wrap[data-fz="6"] .cn .seq,.wrap[data-fz="6"] .cr>.seq{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.wrap[data-fz="6"] .sm{grid-column:1/-1}
/* tableta y móvil */
@media (max-width:1100px){.cmp{grid-template-columns:1fr 1fr}.fl{flex-wrap:wrap}.fn{flex:1 1 40%}}
@media (max-width:760px){.pg,.cmp,.chg.c2,.aci{grid-template-columns:1fr}.fl{flex-direction:column}.fa{transform:rotate(90deg)}.fn{flex:auto}
 .tbx{grid-template-columns:1fr!important}.tbx .th{display:none}.tbx .td{border-top:1px solid var(--line)}.tbx .td.k{flex-wrap:wrap}.tbx .rv.lk>i.ml{order:0;margin:0}.tbx .td .ml{flex-basis:100%;display:block;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2);margin-bottom:4px}
 .tbx .rv.lk{display:flex;flex-direction:column;gap:8px}.tbx .rv.lk>button.rb,.acb.lk>button.rb{position:relative;inset:auto;width:100%;min-height:48px;order:1}
 .cmb>button.rb{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;min-height:48px;order:3}.cmb.lk .cml{display:none}
 .qzr{grid-template-columns:auto minmax(0,1fr)}.qzr .qzo{grid-column:1/-1}.qzr:not(:has(.nm)){grid-template-columns:1fr}
 .scr.vs{padding:12px}.vfs{flex-direction:column;align-items:stretch;justify-content:flex-start}
 .vst{border-radius:16px;overflow:visible;background:none;box-shadow:none;display:flex;flex-direction:column;gap:12px}
 .vst video{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;border-radius:16px;box-shadow:0 0 0 1px rgba(140,200,255,.35)}
 .vov{position:static;inset:auto;background:none;padding:0;flex-direction:column;align-items:stretch}.vst.pl .vov{opacity:1;pointer-events:auto}
 .vst{--vw:100%}.vov .vpl{position:absolute;top:calc((100vw - 24px)*9/32 - 38px);left:50%;transform:translateX(-50%);width:76px;height:76px}.vst.pl .vpl{opacity:0;pointer-events:none}
 .vcap{max-width:none;padding:14px 16px}.vmods{grid-template-columns:1fr 1fr}
 .vst .vfu{top:10px;right:10px}.vst .vok{top:10px;left:10px}
}
.vok[hidden]{display:none}
.vcap h1:focus,.vcap h2:focus,.vcap h1:focus-visible,.vcap h2:focus-visible{outline:none;box-shadow:none}
[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}
/* cuadro resumen 2 y 4 columnas (Fase 4 usa 3) */
@media (min-width:761px){.sm.c2 .smr,.sm.c2 .smh{grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr)}.sm.c4 .smr,.sm.c4 .smh{grid-template-columns:minmax(0,.8fr) repeat(3,minmax(0,1fr))}}

.chg.c2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chp{min-width:0}.chp>span:last-child{min-width:0;overflow-wrap:break-word}
.g2 .chg.c2{grid-template-columns:minmax(0,1fr)}
.g2.l{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:1000px){.g2.l{grid-template-columns:minmax(0,1fr)}}
.wrap[data-fz="4"] .rfx textarea,.wrap[data-fz="5"] .rfx textarea,.wrap[data-fz="6"] .rfx textarea{min-height:46px;padding:12px;font-size:13.5px}
@media (min-width:761px) and (max-width:1100px){.og{--c:2}}
.tbx .rv.lk,.acb.lk{min-height:68px}
.qzo button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.qzr.ans:has(.ko) p{color:var(--sl)}
.wrap[data-fz="3"] .qzr,.wrap[data-fz="4"] .qzr,.wrap[data-fz="5"] .qzr,.wrap[data-fz="6"] .qzr{padding:12px;gap:10px}
.wrap[data-fz="3"] .qzo button,.wrap[data-fz="4"] .qzo button,.wrap[data-fz="5"] .qzo button,.wrap[data-fz="6"] .qzo button{height:42px}
.wrap[data-fz="4"] .qz,.wrap[data-fz="5"] .qz,.wrap[data-fz="6"] .qz{gap:6px}
.wrap[data-fz="3"] .qz,.wrap[data-fz="4"] .qz,.wrap[data-fz="5"] .qz,.wrap[data-fz="6"] .qz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.wrap[data-fz="3"] .qz>h3,.wrap[data-fz="4"] .qz>h3,.wrap[data-fz="5"] .qz>h3,.wrap[data-fz="6"] .qz>h3{grid-column:1/-1}
.wrap[data-fz="3"] .qzh,.wrap[data-fz="4"] .qzh,.wrap[data-fz="5"] .qzh,.wrap[data-fz="6"] .qzh{display:none}
.wrap[data-fz="4"] .g2 .chg.c2,.wrap[data-fz="5"] .g2 .chg.c2,.wrap[data-fz="6"] .g2 .chg.c2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.wrap[data-fz="4"] .bub,.wrap[data-fz="5"] .bub,.wrap[data-fz="6"] .bub{font-size:13.5px;padding:12px 14px}
.wrap[data-fz="5"] .chat,.wrap[data-fz="6"] .chat{gap:6px}.wrap[data-fz="5"] .chat .av,.wrap[data-fz="6"] .chat .av,.wrap[data-fz="5"] .chat .av .ic,.wrap[data-fz="6"] .chat .av .ic{width:30px;height:30px}
.wrap[data-fz="5"] .ulc h3,.wrap[data-fz="6"] .ulc h3,.wrap[data-fz="5"] .lead.lb,.wrap[data-fz="6"] .lead.lb{font-size:14px}
.wrap[data-fz="6"] .stk.bdy>.sq:has(.ulc){grid-column:1/-1}.wrap[data-fz="6"] .stk.bdy .chg{grid-template-columns:repeat(3,minmax(0,1fr))}
.wrap[data-fz="5"] .stk.bdy>.sq:only-child,.wrap[data-fz="6"] .stk.bdy>.sq:only-child{grid-column:1/-1}
.wrap[data-fz="4"] .tbx .rv.lk,.wrap[data-fz="5"] .tbx .rv.lk,.wrap[data-fz="6"] .tbx .rv.lk,.wrap[data-fz="4"] .acb.lk,.wrap[data-fz="5"] .acb.lk,.wrap[data-fz="6"] .acb.lk{min-height:60px}
.wrap[data-fz="4"] .tbx .th,.wrap[data-fz="5"] .tbx .th,.wrap[data-fz="6"] .tbx .th{padding:12px}
/* =================== C1-nuevo v3 · componentes nuevos (sobre Fase 4 v7 oscuro + v2) =================== */
.s6{gap:6px!important}
.stk{display:flex;flex-direction:column;gap:14px}
.qh{font-size:clamp(22px,2.3vw,30px)}
.caps{font-weight:760;letter-spacing:.01em;color:#fff;font-size:clamp(15px,1.25vw,18px);line-height:1.45}
.post{transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.post.hidp{opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none;max-height:0;overflow:hidden}
.glassb{background:var(--glass);border:1px solid var(--line);border-radius:16px}
/* chip de línea */
.chipline,.chip0{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;padding:12px 18px 12px 12px;border-radius:999px;background:rgba(0,131,255,.16);border:1px solid rgba(140,200,255,.4)}
.chipline .ic,.chip0 .ic{width:34px;height:34px;border-radius:999px}.chipline .ic svg,.chip0 .ic svg{width:18px;height:18px}
.chipline b,.chip0 b{color:#fff;font-size:15px;line-height:1.35}
/* gancho NT-05 */
.hk{display:flex;align-items:center;gap:18px}
.hkq{flex:none;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:36px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0083FF,#00277B);box-shadow:0 14px 34px -10px rgba(0,131,255,.9);animation:hkp 2.6s ease-in-out infinite}
@keyframes hkp{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.06)}}
body.calm .hkq{animation:none}
.hkb{flex:1;text-align:left;padding:18px 22px;border-radius:18px;background:var(--glass);border:1px dashed rgba(140,200,255,.6);font-weight:780;font-size:clamp(16px,1.5vw,21px);line-height:1.35;color:#fff;letter-spacing:.01em}
.hkb.on{border-style:solid;background:linear-gradient(135deg,rgba(0,131,255,.34),rgba(0,39,123,.5));border-color:rgba(140,200,255,.6)}
.hkb:not(.on) span{filter:blur(0)}
.hk.sm2 .hkq{width:46px;height:46px;font-size:26px;border-radius:14px}.hk.sm2 .hkb{font-size:clamp(14.5px,1.2vw,17px);padding:14px 18px}
.hkroles{display:flex;gap:12px;flex-wrap:wrap}
/* sellos */
.seal{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;min-width:40px;padding:0 12px;border-radius:999px;justify-content:center;border:1px solid rgba(140,200,255,.35);background:rgba(0,131,255,.18);color:var(--bl2)}
.seal svg{width:20px;height:20px}.seal b{font-size:13.5px;color:#fff;font-weight:720}
.seal.s-n{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4)}
.seal.s-a{background:linear-gradient(135deg,#0083FF,#0062CC);color:#fff;border-color:transparent}
.seal.s-d{background:rgba(140,200,255,.2);color:var(--bl2)}
.seal.s-x{background:rgba(255,255,255,.06);color:#8E9DB3;border-color:var(--line)}
/* frase con piezas NT-02 */
.cs{display:flex;flex-direction:column;gap:14px}
.csg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.csg.two{grid-template-columns:1fr 1fr}
.csc{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px dashed rgba(140,200,255,.45);min-height:96px;transition:background .35s,border-color .35s,transform .35s}
.csc .t{font-size:15px;line-height:1.45;color:var(--txt);filter:blur(5px);opacity:.55;transition:filter .45s,opacity .45s}
.csc.on{background:var(--glass);border:1px solid rgba(140,200,255,.55);transform:translateY(-2px)}.csc.on .t{filter:none;opacity:1}
.csg.off2{opacity:0;transform:translateY(10px);visibility:hidden;transition:opacity .5s,transform .5s}.csg.off2.in{opacity:1;transform:none;visibility:visible}
/* NS · no… sino */
.ns{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:18px;background:var(--glass);border:1px solid var(--line)}
.nsa{font-size:clamp(16px,1.4vw,20px);line-height:1.45;color:#C9D4E4;position:relative}
.ns.done .nsa{text-decoration:line-through;text-decoration-color:rgba(140,200,255,.7);text-decoration-thickness:2px;color:#9FB0C8}
.nsb,.nst{font-size:clamp(16px,1.45vw,21px);line-height:1.45;color:#fff;font-weight:650;transition:opacity .5s,transform .5s}
.nsb{padding:14px 16px;border-left:4px solid #0083FF;background:rgba(0,131,255,.16);border-radius:0 14px 14px 0}
.nst{font-weight:500;color:var(--txt);font-size:clamp(15px,1.3vw,18px)}
.nsb.off,.nst.off{opacity:0;transform:translateY(8px);visibility:hidden;height:0;padding:0;margin:0;overflow:hidden}
.ns.big .nsa,.ns.big .nsb{font-size:clamp(18px,1.8vw,25px)}
.dtc{align-items:center}.dbadge{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:74px;border-radius:18px;background:linear-gradient(160deg,#fff,#DCEBFF);color:#00277B;box-shadow:0 12px 30px -10px rgba(0,131,255,.8)}
.dbadge b{font-size:28px;line-height:1;font-weight:820;color:#00277B}.dbadge small{font-size:11px;font-weight:700;color:#0062CC;margin-top:4px}
/* hoja de ruta */
.rmp{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:26px}
.rml{position:absolute;left:24px;right:24px;top:8px;height:4px;border-radius:2px;background:rgba(255,255,255,.14)}.rml i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0083FF,#8CC8FF);border-radius:2px;transition:width .6s}
.rms{text-align:left;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--line);min-height:130px;transition:all .4s}
.rms .rmn{display:inline-grid;place-items:center;align-self:flex-start;height:30px;padding:0 12px;border-radius:999px;background:rgba(0,131,255,.25);color:#fff;font-weight:800;font-size:13px}
.rms p{transition:filter .4s,opacity .4s}.rms.lk p{filter:blur(5px);opacity:.45}.rms.lk{pointer-events:none}
.rms.on{border-color:rgba(140,200,255,.6);background:linear-gradient(160deg,rgba(0,131,255,.25),rgba(255,255,255,.05))}.rms.on .rmn{background:#0083FF}
/* frase ancla */
.anw{align-items:center;text-align:center}.anl{max-width:760px}
.an{position:relative;max-width:900px;padding:30px 40px;border-radius:24px;background:radial-gradient(500px 200px at 50% 0%,rgba(0,131,255,.4),transparent 70%),linear-gradient(135deg,rgba(0,63,168,.7),rgba(0,39,123,.7));border:1px solid rgba(140,200,255,.35);box-shadow:var(--sh)}
.an p{font-size:clamp(20px,2.3vw,32px);line-height:1.3;font-weight:760;color:#fff;letter-spacing:-.01em}
.anq{position:absolute;left:18px;top:-6px;font-size:90px;line-height:1;color:rgba(140,200,255,.45);font-family:Georgia,serif}
.aw{display:inline-block;opacity:0;transform:translateY(10px);animation:aw .5s var(--d) forwards}
@keyframes aw{to{opacity:1;transform:none}}
body.calm .aw{animation:none;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.aw{animation:none;opacity:1;transform:none}}
.anseal{display:flex;gap:12px;justify-content:center}
/* objetivo: competencias */
.cmpt{display:flex;flex-direction:column;gap:12px}.cmpl{font-size:15px;color:var(--sl)}
.og.og3{grid-template-columns:repeat(3,minmax(0,1fr))}
.og.og4{grid-template-columns:repeat(4,minmax(0,1fr))}
.oc{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px}
.op{transition:color .4s,background-size .6s;background-image:linear-gradient(transparent 60%,rgba(0,131,255,.55) 60%);background-repeat:no-repeat;background-size:0 100%}.op.on{background-size:100% 100%;color:#fff}
/* ficha mini (1.1 intro b) */
.lwm{display:flex;flex-direction:column;gap:14px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,rgba(0,63,168,.6),rgba(0,39,123,.6));border:1px solid rgba(140,200,255,.35)}
.lwmh{display:flex;align-items:center;gap:14px}.lwmh b{flex:1;color:#fff;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.lwm .dbadge{width:62px;height:62px}.lwm .dbadge b{font-size:24px}
/* VS doble carril */
.vs2{display:flex;flex-direction:column;gap:10px}
.vsh{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.vsl{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(0,131,255,.2);border:1px solid rgba(140,200,255,.4)}.vsl b{color:#fff;font-size:16px;line-height:1.3}
.vsl.b{background:rgba(255,255,255,.1);border-color:var(--line2)}
.vsx{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;font-weight:820;color:#00277B;background:#fff;box-shadow:0 10px 28px -8px rgba(0,131,255,.8)}
.vsr{display:grid;grid-template-columns:1fr 46px 1fr;gap:12px;align-items:stretch;transition:opacity .45s,transform .45s}
.vsr.off{opacity:0;transform:translateY(10px);visibility:hidden;height:0;overflow:hidden;margin:-5px 0}
.vsc{padding:12px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}.vsc p{font-size:15px;line-height:1.45}
.vsk{align-self:center;justify-self:center;width:2px;height:70%;background:linear-gradient(rgba(140,200,255,0),rgba(140,200,255,.7),rgba(140,200,255,0))}
.vs2 .vsb{align-self:center;margin-top:4px}
.vs2.neg .vsc.b{background:rgba(255,255,255,.03);border-style:dashed}.vs2.neg .vsc.b p{color:#B7C3D6}
/* cadena NT-04 */
.chw{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.chn{display:flex;gap:10px;align-items:stretch;width:100%}
.chn.h{flex-direction:row;align-items:center}.chn.v{flex-direction:column;align-items:stretch}
.chnn{flex:1;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line);color:#fff;transition:opacity .45s,transform .45s,border-color .45s}
.chnn b{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#0083FF;color:#fff;font-size:13px}
.chnn span{font-size:15px;line-height:1.4;font-weight:620;color:#fff}
.chnn.ds{border-style:dashed;border-color:rgba(140,200,255,.55);background:rgba(0,131,255,.08)}
.chnn.in{border-color:rgba(140,200,255,.6)}
.cha{flex:none;display:grid;place-items:center;color:var(--bl);transition:opacity .45s}.cha svg{width:22px;height:22px}
.chn.v .cha{transform:rotate(90deg);height:20px}
.cha.ds{color:rgba(140,200,255,.6)}
.chnn.off,.cha.off{opacity:0;visibility:hidden}
.chn.v .chnn.off{height:0;padding:0 16px;margin:-5px 0;overflow:hidden}.chn.v .cha.off{height:0;margin:-5px 0}
.chn.sm .chnn{padding:12px 12px}.chn.sm .chnn span{font-size:13.5px}.chn.sm .chnn b{width:26px;height:26px;font-size:12px}
.chs .chw{max-width:760px}
.brk .chn{justify-content:center}.brk .chnn{flex:none;padding:12px;background:none;border:0}.brk .cha{color:#8E9DB3}
/* tabla cabecera de tabs */
.tbh{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}
.tbh small{font-size:12px}
.tpp .row{align-items:flex-start}
/* lista revelable */
.rl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.rli{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;min-height:64px}
.rli .t{font-size:15px;line-height:1.4;filter:blur(5px);opacity:.5;transition:filter .4s,opacity .4s}.rli.on .t{filter:none;opacity:1}.rli.on{border-color:rgba(140,200,255,.55)}
/* idea fuerza */
.stm{display:flex;flex-direction:column;gap:14px}
.stml{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(0,131,255,.3),rgba(0,39,123,.55));border:1px solid rgba(140,200,255,.45);opacity:0;transform:scale(.97);animation:stm .6s var(--d) forwards}
@keyframes stm{to{opacity:1;transform:none}}
body.calm .stml{animation:none;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.stml{animation:none;opacity:1;transform:none}}
.stml p{font-size:clamp(15.5px,1.45vw,20px);line-height:1.4;font-weight:740;color:#fff;letter-spacing:.005em}
.stmi{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#0062CC}.stmi svg{width:24px;height:24px}
.stm.pair .stml:nth-child(2){margin-left:clamp(0px,6vw,80px)}
.ifw{justify-content:center}
/* escalera NT-13 */
.ld{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.lds{text-align:left;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--line);min-height:calc(110px + var(--k)*36px);transition:all .4s}
.lds .ldt{color:#fff;font-size:15.5px;line-height:1.35}.lds .ldt b{color:#fff}
.lds .ldb{font-size:14.5px;line-height:1.45;color:var(--txt);filter:blur(5px);opacity:.4;transition:filter .4s,opacity .4s}
.lds .ldb p{font-size:14.5px;line-height:1.45}
.lds.on{border-color:rgba(140,200,255,.6);background:linear-gradient(160deg,rgba(0,131,255,.25),rgba(255,255,255,.05))}.lds.on .ldb{filter:none;opacity:1}
.ldx{display:flex;gap:8px;align-items:flex-start;color:var(--bl2)!important;font-style:italic}.ldx svg{flex:none;margin-top:3px}
.ldhd{display:none}
/* para ti / cruce / enseñanza */
.fy{display:grid;grid-template-columns:auto 1fr;gap:14px 18px;align-items:start;padding:16px 18px;border-radius:18px;background:rgba(140,200,255,.1);border:1px solid rgba(140,200,255,.35)}
.fyq{display:flex;align-items:center;gap:12px;grid-column:1/-1}.fyq .ic{width:38px;height:38px}.fyq b{color:#fff;font-size:16px}
.fya{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}.fya p{font-size:15px}
.xr{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px dashed rgba(140,200,255,.45)}
.xrc{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:rgba(0,131,255,.25);color:#fff;font-size:12.5px;font-weight:760}
.xr p{font-size:14.5px}
.les{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,131,255,.12));border:1px solid rgba(255,255,255,.3)}
.lesh{display:flex;align-items:center;gap:12px}.lesh .ic{width:36px;height:36px;background:#fff;color:#0062CC}.lesh h3{font-size:17px}
/* ejemplo */
.exf{padding:16px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--line)}.exh{display:flex;gap:16px;align-items:flex-start}
/* bandeja / correo */
.mailc{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.95);color:#0B1B3F;box-shadow:var(--sh)}
.mailc p{color:#22324F;font-size:15px}.mailc mark{color:#00277B}
.mailh{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid #DCE6F5}.mailh .ic{width:32px;height:32px;background:#EEF5FF;color:#0062CC;border-color:#DCE6F5}.mailh b{color:#00277B;font-size:14px}
/* reflexión */
.rf{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}
.rfp{display:inline-flex;align-items:center;gap:8px;font-weight:720;color:var(--bl2)!important;font-size:14px!important;text-transform:uppercase;letter-spacing:.08em}
.rfq{font-weight:700;color:#fff}
.rfw textarea{width:100%;min-height:120px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:rgba(0,20,63,.55);color:#fff;font:inherit;font-size:15px;resize:vertical}
.rfw textarea::placeholder{color:#8E9DB3}
.rfa{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}
.mine{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px dashed rgba(140,200,255,.5)}
.mine small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2);margin-bottom:6px}
.mine p{font-size:15px;white-space:pre-wrap;color:#fff}.mine.empty p{color:#9FB0C8;font-style:italic}
.qlist{display:flex;flex-direction:column;gap:6px}.qlist p{display:flex;gap:8px;align-items:flex-start;font-size:15px}.qlist svg{flex:none;margin-top:3px;color:var(--bl)}
/* cuadro guiado NT-21 */
.gt{display:flex;flex-direction:column;gap:10px}
.gth{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}
.gtr{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;padding:12px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.gtq{display:flex;gap:10px;font-size:14.5px;line-height:1.4;color:#fff}.gtq .nm{flex:none}
.gtr textarea{width:100%;min-height:62px;padding:12px;border-radius:12px;border:1px solid var(--line2);background:rgba(0,20,63,.55);color:#fff;font:inherit;font-size:14px;resize:vertical}
.gtr2{display:flex;flex-direction:column;gap:10px}
.gtx{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line);transition:opacity .45s,transform .45s}
.gtx.off{opacity:0;visibility:hidden;height:0;padding:0 16px;overflow:hidden;margin:-5px 0}
.gtxq{font-size:16px}.gtxg{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;align-items:start}
.gtx .mine{padding:12px}
.gtxa{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:rgba(0,131,255,.14);border:1px solid rgba(140,200,255,.4)}
.gtxa small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}
.gtxa p{font-size:14.5px}.gtxa.lk p{filter:blur(6px);opacity:.5;user-select:none}
.gtxb{align-self:flex-start}
/* conexión */
.rt2 .rn p{font-size:15px}
/* hub de novedades */
.hb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hbt{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:18px;background:var(--glass);border:1px solid var(--line);opacity:0;animation:stm .5s var(--d) forwards}
body.calm .hbt{animation:none;opacity:1}@media (prefers-reduced-motion:reduce){.hbt{animation:none;opacity:1}}
.hbn{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#0083FF;color:#fff;font-weight:800}
.hbt b{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}.hbt>span:last-of-type{font-size:15px;line-height:1.4;color:#fff;font-weight:620}
.hbt.cur{border-color:var(--bl);background:rgba(0,131,255,.25)}
.lnlg{display:flex;gap:18px;flex-wrap:wrap}.lnlg span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--txt)}.lnlg i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(0,131,255,.25);color:#fff}
.hbs{display:flex;align-items:center;gap:6px}.hbs i{width:26px;height:6px;border-radius:3px;background:rgba(255,255,255,.16)}.hbs i.d{background:rgba(140,200,255,.6)}.hbs i.c{background:#fff}
.hbs small{margin-left:8px;font-size:12px;font-weight:760;color:var(--bl2);letter-spacing:.06em;text-transform:uppercase}
.nvh{display:flex;flex-direction:column;gap:12px}
.nvw .hrow h2{font-size:clamp(21px,2.1vw,28px)}
/* tres lentes NT-11 */
.lns{display:grid;grid-template-columns:minmax(220px,.36fr) 1fr;gap:16px;align-items:start}
.lnt{display:flex;flex-direction:column;gap:10px}
.lnb{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--line);color:#fff;transition:all .3s}
.lnb .lnn{flex:none;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12.5px;font-weight:800;background:rgba(255,255,255,.14)}
.lnb .ic{width:38px;height:38px}.lnb .t{font-weight:720;font-size:15px;line-height:1.3}
.lnb[aria-selected=true]{border-color:var(--bl);background:linear-gradient(135deg,rgba(0,131,255,.35),rgba(0,39,123,.4))}.lnb[aria-selected=true] .lnn{background:#0083FF}
.lnp{padding:18px 20px;border-radius:18px;background:var(--glass);border:1px solid var(--line);min-height:100%}
.lnpp p{font-size:15.5px;line-height:1.5}.lnpp .lnk{padding:12px 14px;border-left:4px solid #0083FF;background:rgba(0,131,255,.14);border-radius:0 12px 12px 0;color:#fff}
.sl2{display:flex;flex-direction:column;gap:10px}.sl2 h3{font-size:16px}
.tbl.c2{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden}
.sl2t .th{display:flex;align-items:center;gap:8px;padding:12px 14px}.sl2t .td{padding:12px 14px;font-size:14px}
/* tríada NT-12 */
.tp{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;gap:10px;align-items:stretch;position:relative}
.tpc{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--line);transition:opacity .45s,transform .45s}
.tpc small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}.tpc p{font-size:15px;line-height:1.45;color:#fff}
.tpc.off,.tpa.off{opacity:0;transform:translateY(8px);visibility:hidden}
.tpc.trap{border-style:dashed;border-color:rgba(255,255,255,.35)}
.tpx{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;opacity:0;transform:scale(.4);transition:all .4s}
.tpc.struck p{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.7);color:#B7C3D6}.tpc.struck .tpx{opacity:1;transform:none;background:#fff;color:#00277B}
.tpa{display:grid;place-items:center;color:var(--bl);transition:opacity .4s}.tpa svg{width:22px;height:22px}
.tpb{grid-column:1/-1;justify-self:center;margin-top:4px}
/* flip A/B */
.fp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fpc{text-align:left;position:relative;min-height:170px;padding:0;border-radius:20px;perspective:900px;background:none}
.fpf,.fpb{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fpf{background:linear-gradient(135deg,rgba(0,63,168,.8),rgba(0,39,123,.8));border:1px solid rgba(140,200,255,.4)}
.fpb{background:#fff;transform:rotateY(180deg);justify-content:center}.fpb p{color:#22324F;font-size:15.5px}
.fpc.on .fpf{transform:rotateY(-180deg)}.fpc.on .fpb{transform:none}
.fpl{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#00277B;font-weight:820;font-size:18px}
.fpf b{color:#fff;font-size:16px;line-height:1.4}.fph{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--bl2);font-weight:700}
/* perfiles NT-18 */
.pf{display:grid;grid-template-columns:minmax(230px,.4fr) 1fr;gap:16px;align-items:stretch}
.pfa{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pfb{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;border-radius:16px;background:var(--glass);border:1px solid var(--line);text-align:center;transition:all .3s}
.pfb b{font-size:13.5px;line-height:1.3;color:#fff}
.pfav{position:relative}.pfav svg{width:46px;height:46px}.pfav i{position:absolute;right:-6px;bottom:-4px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#0083FF;color:#fff}
.pfb[aria-selected=true]{border-color:var(--bl);background:rgba(0,131,255,.25)}
.pfp{display:flex;flex-direction:column;gap:10px;justify-content:center}.pfh{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}
.pfx{display:flex;flex-direction:column;gap:10px}
/* rompe-mitos NT-14 */
.my{display:flex;flex-direction:column;gap:8px}
.myh{display:none}
.myr{display:grid;grid-template-columns:1.2fr auto 1.1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.myq{display:flex;gap:10px;font-size:14.5px;line-height:1.4;color:#fff}.myq .nm{flex:none}
.myo{display:flex;gap:8px}.myo button{min-width:56px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:#fff;font-weight:740}
.myo button.ok{background:rgba(63,224,160,.18);border-color:var(--ok)}.myo button.ko{background:rgba(255,255,255,.03);color:#8E9DB3;text-decoration:line-through}
.myo button:disabled{cursor:default}
.mya{font-size:14px;line-height:1.4;color:var(--txt);transition:filter .4s,opacity .4s}.mya b{color:#fff}.mya.lk{filter:blur(6px);opacity:.35;user-select:none}
.myk{align-self:flex-end;font-size:14px;color:var(--bl2)}
/* protocolo NT-16 */
.pt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pts{text-align:left;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--line);transition:all .4s}
.ptn{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#0083FF;color:#fff;font-weight:820}
.pts small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}.pts h3{font-size:16px}.pts p{font-size:14px;line-height:1.45}
.pts.lk p,.pts.lk h3{filter:blur(5px);opacity:.4}.pts.lk .ptn{background:rgba(255,255,255,.14)}
.pts.on{border-color:rgba(140,200,255,.55);background:linear-gradient(160deg,rgba(0,131,255,.22),rgba(255,255,255,.05))}
/* bandeja NT-22 */
.iv{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:16px;align-items:stretch}
.ivl{display:flex;flex-direction:column;gap:8px}.ivh{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}
.ivm{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.ivk{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#00277B;font-weight:820}
.ivt{font-size:14px;line-height:1.4;color:#fff}.ivs{font-style:normal;font-size:12px;font-weight:800;color:var(--ok)}
.ivm[aria-selected=true]{border-color:var(--bl);background:rgba(0,131,255,.22)}.ivm.ok{border-color:rgba(63,224,160,.5)}
.ivv{display:flex;flex-direction:column;justify-content:center;padding:18px 20px;border-radius:18px;background:var(--glass);border:1px solid var(--line)}
.ivv .em{color:var(--sl);text-align:center}
.ivp{display:flex;flex-direction:column;gap:12px}.ivp small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}.ivp h3{font-size:18px}
.ivo{display:flex;gap:10px}.ivo button{min-width:80px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:#fff;font-weight:740}
.ivo button.sel{background:#fff;color:#00277B;border-color:#fff}
.vdw .seq{gap:10px}.vdsc{font-size:15px;color:var(--bl2)!important}
.vd{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.vdh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vdh h3{flex:1;font-size:16px;min-width:200px}
.vdm{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--txt);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08)}
.vd.ok .vdm,.sor2.ok .vdm{background:rgba(63,224,160,.16);color:#D6FFEE}.vd.ko .vdm,.sor2.ko .vdm{background:rgba(140,200,255,.14)}
.vd p{font-size:14.5px}
/* clasificador NT-23 */
.so{display:flex;flex-direction:column;gap:8px}
.soh,.soh2{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2);padding:0 14px}
.sor{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.sor p{font-size:14.5px;line-height:1.4;color:#fff}
.soo{display:flex;gap:8px;flex-wrap:wrap}.soo button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:#fff;font-weight:700;font-size:13.5px}
.soo button .ic{width:22px;height:22px;border-radius:999px;border:0;background:none}
.soo button.sel{background:#fff;color:#00277B;border-color:#fff}.soo button.sel .ic{color:#0062CC}
.so2{display:flex;flex-direction:column;gap:8px}
.sor2{display:grid;grid-template-columns:1.1fr 1.2fr auto;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.sor2 p{font-size:14px;color:#fff}.sos{display:flex;align-items:center;gap:10px}.sos span{font-size:14px;color:var(--txt)}
/* Haz / No hagas */
.dd{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:stretch}
.ddh{display:flex;align-items:center;gap:12px}.ddh h3{font-size:17px}
.dd .ic.ok{background:rgba(63,224,160,.18);color:var(--ok);border-color:rgba(63,224,160,.4)}.dd .ic.ko{background:rgba(255,255,255,.1);color:#fff}
.ddo,.ddn{display:flex;flex-direction:column;gap:12px}
.ddn{border-style:dashed!important;transition:filter .4s,opacity .4s}.ddn.lk{filter:blur(5px);opacity:.4}
/* línea de vida NT-08 */
.lf{display:flex;flex-direction:column;gap:16px}
.lfr{position:relative;height:44px;margin:0 20px}.lfr:before{content:"";position:absolute;left:0;right:0;top:20px;height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
.lfr i{position:absolute;left:0;top:20px;height:4px;border-radius:2px;background:linear-gradient(90deg,#0083FF,#8CC8FF);width:0;transition:width .7s}
.lfav{position:absolute;top:2px;left:-20px;transition:left .7s cubic-bezier(.2,.7,.2,1)}
.lfm{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px}
.lf .lfm{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}
.lfs{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line);transition:opacity .45s,transform .45s}
.lfs.off{opacity:.25;filter:blur(4px)}.lfs.in{border-color:rgba(140,200,255,.5)}
.lfd{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(0,131,255,.25);color:#fff}
.lfs p{font-size:15px;line-height:1.45}
.lfb{align-self:center}
.roles .pr{align-items:center}
/* mapa de novedades/hub y fin */
.fin{align-items:center;text-align:center}.fin .tgt{width:96px;height:96px}
.fins{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.fsc{display:flex;flex-direction:column;gap:6px;min-width:200px;padding:18px 22px;border-radius:18px;background:var(--glass);border:1px solid var(--line)}.fsc b{font-size:34px;color:#fff}.fsc small{font-size:13px;color:var(--sl)}
.fin .btn{align-self:center}
/* ficha normativa NT-09 */
.lw{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid rgba(140,200,255,.35);background:linear-gradient(160deg,rgba(0,63,168,.55),rgba(0,39,123,.55))}
.lwh{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(0,131,255,.3)}.lwhc{flex:1;display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}
.lwhc small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.lwr{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:12px;padding:12px 18px 12px 76px;border-top:1px solid var(--line);opacity:0;animation:stm .5s var(--d) forwards}
body.calm .lwr{animation:none;opacity:1}@media (prefers-reduced-motion:reduce){.lwr{animation:none;opacity:1}}
.lwr b{color:#fff;font-size:14.5px}.lwr span{font-size:14.5px;line-height:1.45;color:var(--txt)}
.lwr.dt{background:rgba(255,255,255,.08)}.lwr.dt span:first-of-type{color:#fff;font-weight:760}
.lwst{position:absolute;left:24px;top:50%;transform:translateY(-50%) rotate(-8deg);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#0062CC}
.lwst svg{width:20px;height:20px}
.lw .lwr:not(.dt){padding-left:18px}
/* índice de módulos */
.lt .here{font-size:11px}
/* chat */
.chat.me .bub{background:linear-gradient(135deg,rgba(0,98,204,.85),rgba(0,131,255,.7))}
/* ===== densidad (fit) ===== */
.wrap[data-fz="1"] .lead{font-size:16px}.wrap[data-fz="2"] .lead{font-size:15px}.wrap[data-fz="3"] .lead,.wrap[data-fz="3"] p{font-size:14px}
.wrap[data-fz="4"] .lead,.wrap[data-fz="4"] p,.wrap[data-fz="5"] .lead,.wrap[data-fz="5"] p,.wrap[data-fz="6"] .lead,.wrap[data-fz="6"] p{font-size:13.5px;line-height:1.4}
.wrap[data-fz="2"] .stk,.wrap[data-fz="3"] .stk{gap:10px}.wrap[data-fz="4"] .stk,.wrap[data-fz="5"] .stk,.wrap[data-fz="6"] .stk{gap:8px}
.wrap[data-fz="3"] .pr,.wrap[data-fz="4"] .pr,.wrap[data-fz="5"] .pr,.wrap[data-fz="6"] .pr{padding:12px 14px}
.wrap[data-fz="4"] .ic,.wrap[data-fz="5"] .ic,.wrap[data-fz="6"] .ic{width:36px;height:36px;border-radius:11px}
.wrap[data-fz="5"] h2,.wrap[data-fz="6"] h2{font-size:22px}
.wrap[data-fz="5"] .vsc,.wrap[data-fz="6"] .vsc,.wrap[data-fz="5"] .chnn,.wrap[data-fz="6"] .chnn{padding:12px}
/* ===== tableta vertical / móvil ===== */
@media (max-width:1100px){.pt{grid-template-columns:1fr 1fr}.hb{grid-template-columns:1fr 1fr}.csg{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.lns,.pf,.iv,.rf,.rfa,.dd{grid-template-columns:minmax(0,1fr)}.lnt{flex-direction:row;flex-wrap:wrap}.lnb{flex:1 1 200px}.pfa{grid-template-columns:repeat(4,minmax(0,1fr))}
 .tp{grid-template-columns:minmax(0,1fr)}.tpa{transform:rotate(90deg);height:22px}.myr{grid-template-columns:1fr auto}.mya{grid-column:1/-1}.gtxg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.vsh,.vsr{grid-template-columns:minmax(0,1fr)}.vsx,.vsk{display:none}.vsl.b{order:0}
 .rmp,.ld,.pt,.hb,.csg,.csg.two,.fp,.og.og3,.og.og4{grid-template-columns:minmax(0,1fr)}.rml{display:none}
 .chn.h{flex-direction:column;align-items:stretch}.chn.h .cha{transform:rotate(90deg)}
 .gtr,.sor,.sor2,.soh,.soh2,.lwr,.lwhc,.gth{grid-template-columns:minmax(0,1fr)}.lw .lwr,.lwr{padding-left:18px}.lwst{display:none}
 .lf .lfm{grid-auto-flow:row}.pfa{grid-template-columns:1fr 1fr}.hk{align-items:flex-start}.hkq{width:48px;height:48px;font-size:28px}
 .fpc{min-height:200px}.an{padding:24px 20px}.stm.pair .stml:nth-child(2){margin-left:0}}
/* ---- correcciones QA 1 ---- */
.an:before{content:"\201C";position:absolute;left:14px;top:-18px;font-size:84px;line-height:1;color:rgba(140,200,255,.45);font-family:Georgia,serif}
.gtst{display:flex;gap:8px}.gtst i{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;background:rgba(255,255,255,.12);color:#fff}.gtst i.c{background:#fff;color:#00277B}.gtst i.d{background:#0083FF}
.gtx.past{padding:12px 16px;cursor:pointer}.gtx.past .gtxg{display:none}.gtx.past.open .gtxg{display:grid}.gtx.past .gtxq:after{content:" ✓";color:var(--ok)}
.gtxn{align-self:flex-start}
.wrap.chs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;column-gap:28px}
.wrap.chs>*{grid-column:1/-1}.wrap.chs>.chw{grid-column:1}.wrap.chs>.post{grid-column:2;align-self:center}
.wrap.chs>.post.hidp{max-height:none;visibility:hidden}
.sor,.sor2{padding:12px 14px}
.fpb{visibility:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .3s}.fpc.on .fpb{visibility:visible}.fpc.on .fpf{visibility:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .3s}
@media (max-width:900px){.wrap.chs{grid-template-columns:minmax(0,1fr)}.wrap.chs>.chw,.wrap.chs>.post{grid-column:1}.wrap.chs>.post.hidp{max-height:0}}
[hidden]{display:none!important}
.chn.v .cha,.chn.h .cha{width:22px;height:22px;align-self:center}
@media (max-width:760px){.chn.h .cha{align-self:center}}
.myh{display:grid;grid-template-columns:1.25fr auto 1.25fr;gap:12px;padding:0 14px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bl2)}
.myh span:nth-child(2){min-width:120px;text-align:center}
.myr{grid-template-columns:1.25fr auto 1.25fr}.myo{min-width:120px;justify-content:center}
.my{gap:6px}
@media (max-width:900px){.myh{display:none}}
/* ---- correcciones QA 2 (densidad) ---- */
.rfa{grid-template-columns:minmax(0,1fr);gap:12px}
.rfa .mine{padding:12px 16px}
.rfa .seq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.rfa .seq>.stk,.rfa .seq>.les,.rfa .seq>.note,.rfa .seq>.chat{grid-column:1/-1}
.vdw .seq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.vdw .seq>div:first-child:empty{display:none}.vdw .seq>.les{grid-column:1/-1}
.vdw.sol .seq{grid-template-columns:1.7fr 1fr;align-items:start}.vdw.sol .seq>.les{grid-column:auto}
@media (max-width:900px){.rfa .seq,.vdw .seq,.vdw.sol .seq{grid-template-columns:minmax(0,1fr)}.vdw.sol .seq>.les{grid-column:1/-1}}
.chnn{min-width:0}.chn.h.sm{flex-wrap:wrap}.chn.h.sm .chnn{flex:1 1 150px}
@media (max-width:1100px){.cn .chn.h{flex-direction:column;align-items:stretch}.cn .chn.h .cha{transform:rotate(90deg)}}
@media (max-width:1100px){.fpc{min-height:210px}}
.tpc .seal,.lds .seal,.stml .seal{align-self:flex-start;flex:none}
/* =================== r2 · 27-10 (Sergio 07:39) =================== */
/* botones gh: la animación de invitación no puede llevar «none» en la sombra */
.btn.gh{--cs:0 0 0 0 transparent}
.btn.gh.cue{border-color:rgba(140,200,255,.75);background:rgba(0,131,255,.22)}
/* gancho: botón «?» a la derecha de la pregunta */
.hk{flex-direction:row-reverse}
.hkb{text-align:left}
/* portadas con imagen lateral (~40 %) */
.scr.cv{padding:0}
.cv2{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:0;align-items:stretch}
.cv2t{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:40px clamp(24px,5vw,80px);border-left:0;position:relative}
.cv2t:before{content:"";position:absolute;left:clamp(12px,2.6vw,44px);top:28%;bottom:28%;width:2px;background:linear-gradient(transparent,#0083FF,transparent)}
.cv2c{display:flex;flex-direction:column;gap:8px}
.cv2r{display:flex;flex-direction:column;gap:2px;opacity:0;animation:stm .6s var(--d) forwards}.cv2r .k{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bl2)}.cv2r .t{font-size:14px;color:var(--sl);line-height:1.35}
.cv2k{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bl2)}
.cv2 h1{font-size:clamp(30px,3.6vw,54px);line-height:1.08;color:#fff;max-width:760px}
.cv2i{position:relative;margin:28px 28px 28px 0;border-radius:28px;overflow:hidden;border:1px solid rgba(140,200,255,.3);box-shadow:var(--sh)}
.cv2i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cv2i:after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(0,39,123,0) 40%,rgba(0,20,63,.55))}
.cv2n{position:absolute;right:22px;bottom:12px;z-index:1;font-size:clamp(60px,8vw,120px);font-weight:820;line-height:1;color:rgba(255,255,255,.9);letter-spacing:-.04em}
body.calm .cv2r{animation:none;opacity:1}@media (prefers-reduced-motion:reduce){.cv2r{animation:none;opacity:1}}
.cvstart{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 8px 0 26px;border-radius:999px;background:#fff;color:#00277B;font-size:16px;font-weight:800;letter-spacing:.01em;--cs:0 12px 34px -8px rgba(0,131,255,.85);box-shadow:var(--cs);white-space:nowrap}
.cvstart i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0083FF,#0062CC);color:#fff}
.cvstart:hover i{transform:translateX(3px)}
@media (max-width:760px){.cv2{position:relative;inset:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:100%}.cv2i{order:-1;margin:16px 16px 0;height:28vh;min-height:150px}.cv2t{padding:22px 22px 28px}.cv2t:before{display:none}}
/* objetivos: tarjetas que se descubren una a una */
.obj2 .hero p{display:block}.obar{display:inline-grid;vertical-align:middle;margin-left:8px;color:var(--bl)}
.hero0{justify-content:center;padding:14px!important}.hero0 .tgt{width:64px;height:64px}
.ogx{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px}
.ocx{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:16px 18px;border-radius:18px;background:var(--glass);border:1px dashed rgba(140,200,255,.5);min-height:150px;transition:background .35s,border-color .35s,transform .35s}
.ocxh{display:flex;align-items:center;gap:12px;width:100%}
.ocxn{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(0,131,255,.25);color:#fff;font-weight:800;font-size:13px}
.ocx .ic{width:40px;height:40px}
.ocxt{display:none;font-size:15.5px;line-height:1.45;color:#fff}
.ocxk{font-size:13px;font-weight:700;color:var(--bl2)}
.ocx.on{border-style:solid;border-color:rgba(140,200,255,.6);background:linear-gradient(160deg,rgba(0,131,255,.25),rgba(255,255,255,.05));transform:translateY(-2px)}
.ocx.on .ocxt{display:block;animation:stm .45s forwards}.ocx.on .ocxk{display:none}.ocx.on .ocxn{background:#0083FF}
.otail{transition:opacity .5s}.otail.hidq{opacity:0;visibility:hidden}
@media (max-width:900px){.ogx{grid-template-columns:1fr 1fr}}@media (max-width:760px){.ogx{grid-template-columns:minmax(0,1fr)}.ocx{min-height:0}}
/* iconos: prosa sin icono (solo el ancla lo conserva) */
.pr.np{background:none!important;border:0!important;padding:4px 0!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.pr.np.key{background:linear-gradient(135deg,rgba(0,131,255,.2),rgba(255,255,255,.04))!important;border:1px solid rgba(140,200,255,.4)!important;padding:14px 18px!important;border-radius:16px}
/* vídeo · marco de la presentadora virtual */
.scr.vs{padding:18px clamp(16px,3vw,48px)}
.vfs2{position:absolute;inset:18px clamp(16px,3vw,48px);display:flex;align-items:center;justify-content:center}
.vf{position:relative;width:100%;max-width:1160px;aspect-ratio:16/9;max-height:100%;border-radius:22px;overflow:hidden;background:#00143F;box-shadow:0 30px 80px -24px rgba(0,8,40,.85),0 0 0 1px rgba(140,200,255,.35)}
.vf.fill{width:auto;height:100%;max-width:100%}
@supports not (aspect-ratio:16/9){.vf{height:0;padding-top:56.25%}}
.vfv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#00143F}
.vfsh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,63,.55),rgba(0,20,63,0) 30%,rgba(0,20,63,0) 60%,rgba(0,20,63,.75));pointer-events:none}
.vfchip{position:absolute;left:16px;top:14px;display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:999px;background:rgba(0,20,63,.72);border:1px solid rgba(140,200,255,.35);color:#fff!important;font-size:13px!important;font-weight:720;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}
.vfdur{color:var(--bl2);font-weight:600}
.vfeq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.vfeq i{width:3px;height:6px;border-radius:2px;background:#8CC8FF}
.vf.playing .vfeq i{animation:eq .9s ease-in-out infinite}.vf.playing .vfeq i:nth-child(2){animation-delay:.2s}.vf.playing .vfeq i:nth-child(3){animation-delay:.4s}
@keyframes eq{0%,100%{height:4px}50%{height:14px}}
.vfcta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1;pointer-events:none}
.vf.playing .vfcta{display:none}
.vfplay{pointer-events:auto;width:clamp(76px,8vw,108px);height:clamp(76px,8vw,108px);border-radius:50%;display:grid;place-items:center;background:#fff;color:#00277B;box-shadow:0 18px 44px -10px rgba(0,131,255,.9)}
.vfplay svg{width:42%;height:42%;margin-left:6%}
.vfplay.blink{animation:vblink 1.6s ease-in-out infinite}
@keyframes vblink{0%,100%{box-shadow:0 0 0 0 rgba(140,200,255,.75),0 18px 44px -10px rgba(0,131,255,.9);transform:scale(1)}50%{box-shadow:0 0 0 18px rgba(140,200,255,0),0 18px 44px -10px rgba(0,131,255,.9);transform:scale(1.06)}}
.vf:not(.started){animation:vframe 2s ease-in-out infinite}
@keyframes vframe{0%,100%{box-shadow:0 30px 80px -24px rgba(0,8,40,.85),0 0 0 1px rgba(140,200,255,.35)}50%{box-shadow:0 30px 80px -24px rgba(0,8,40,.85),0 0 0 4px rgba(140,200,255,.65)}}
body.calm .vfplay.blink,body.calm .vf{animation:none}
@media (prefers-reduced-motion:reduce){.vfplay.blink,.vf{animation:none}.vfplay.blink{outline:3px solid rgba(140,200,255,.8);outline-offset:4px}}
.vftit{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:12px 18px;border-radius:16px;background:rgba(0,20,63,.7);max-width:80%}
.vftit small{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bl2)}.vftit span{font-size:clamp(16px,1.6vw,22px);font-weight:760;color:#fff;line-height:1.3}
.vftit.sm span{font-size:14px}
.vfcap{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);max-width:min(86%,820px);padding:12px 18px;border-radius:12px;background:rgba(0,10,35,.82);color:#fff!important;font-size:clamp(14px,1.35vw,19px)!important;line-height:1.4!important;text-align:center;z-index:2;font-weight:560}
.vfbar{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:999px;background:rgba(0,20,63,.72);border:1px solid rgba(140,200,255,.25);z-index:2;opacity:0;transition:opacity .3s}
.vf.started .vfbar,.vf:hover .vfbar,.vf:focus-within .vfbar{opacity:1}
.vfb{flex:none;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.vfb svg{width:18px;height:18px}
.vfcc{border:1px solid rgba(255,255,255,.4);width:auto;padding:0 8px}.vfcc.on{background:#fff;color:#00277B}
.vfr{flex:1;min-width:0;accent-color:#0083FF}
.vft{flex:none;font-size:12px;color:var(--bl2);font-variant-numeric:tabular-nums}
.vf:fullscreen{border-radius:0;max-width:none;width:100%;height:100%}
/* vídeo integrado en una pantalla explicativa */
.wrap.wv{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center}
.wvl{display:flex;flex-direction:column;gap:22px;min-width:0}
.wvr .vf{width:100%;height:auto}
.wvr .vfcap{bottom:56px;font-size:13.5px!important;padding:12px 14px;max-width:92%}
.wvr .vfplay{width:64px;height:64px}
.wvr .vfbar{height:36px;gap:6px;padding:0 10px}.wvr .vft{display:none}
@media (max-width:900px){.wrap.wv{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.vfs2{position:static;inset:auto}.scr.vs{padding:16px}.vf.fill{width:100%;height:auto}.vfcap{bottom:54px;font-size:14px!important}}
/* contraste AA en insignias numeradas activas (blanco sobre #0083FF = 3,7:1 → azul primario oscurecido) */
.rms.on .rmn,.lnb[aria-selected=true] .lnn,.ocx.on .ocxn,.ptn{background:#0062CC}
.pts.lk .ptn{background:rgba(255,255,255,.14)}
.cv2n{line-height:1.12;bottom:22px;right:28px}
.scr.cv .cv2{max-width:none;width:auto;right:0}
/* =================== r3 · 27-10 (Sergio 10:56) =================== */
/* 1 · franja fija con el control principal (arriba, bajo el título) */
.r3dock{position:sticky;top:-22px;bottom:-24px;z-index:6;display:flex;flex-direction:column;gap:10px;margin:0 -16px;padding:12px 16px;background:linear-gradient(180deg,rgba(0,20,63,.97),rgba(0,20,63,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(140,200,255,.18);grid-column:1/-1}
.r3dock[hidden],.r3db[hidden]{display:none}
.r3db{display:flex;flex-wrap:wrap;gap:10px}
.r3db .btn{margin:0!important;align-self:auto}
.tp>.r3dock{justify-self:stretch}
@media (min-width:761px){.r3dock{top:-18px;margin:0;padding:10px 0;border-radius:0 0 14px 14px}}
.scr{scroll-padding-top:96px}
/* 2 · comparativas: color y etiqueta por lado; pareja actual resaltada */
.vs2.r3 .vsl.a{background:rgba(0,131,255,.28);border:1px solid #0083FF;box-shadow:inset 5px 0 0 #0083FF}
.vs2.r3 .vsl.b{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.75);box-shadow:inset 5px 0 0 #FFFFFF}
.vs2.r3 .vsl.a .ic{background:#0083FF;color:#fff}
.vs2.r3 .vsl.b .ic{background:#fff;color:#00277B}
.vs2.r3 .vsr{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);position:relative;padding-top:22px}
.vsn{position:absolute;left:0;top:0;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bl2)}
.vs2.r3 .vsk{width:auto;height:auto;background:none;font-size:11.5px;font-weight:700;color:var(--bl2);text-align:center;line-height:1.2}
.vs2.r3 .vsc{display:flex;flex-direction:column;gap:8px}
.vs2.r3 .vsc.a{border:1px solid rgba(0,131,255,.7);box-shadow:inset 5px 0 0 #0083FF;background:rgba(0,131,255,.14)}
.vs2.r3 .vsc.b{border:1px solid rgba(255,255,255,.45);box-shadow:inset 5px 0 0 #FFFFFF;background:rgba(255,255,255,.06)}
.vs2.r3.neg .vsc.b{border-style:dashed}
.vstg{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px;border-radius:999px;font-size:12px!important;font-weight:780;line-height:1.3}
.vstgi{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.vstg.a{background:#0083FF;color:#fff}.vstg.a .vstgi{background:#00277B;color:#fff}
.vstg.b{background:#fff;color:#00277B}.vstg.b .vstgi{background:#00277B;color:#fff}
.vs2.r3 .vsr.cur .vsc{animation:r3hl 1.4s ease-out 1}
@keyframes r3hl{0%{transform:translateY(6px);opacity:.4}100%{transform:none;opacity:1}}
body.calm .vs2.r3 .vsr.cur .vsc{animation:none}@media (prefers-reduced-motion:reduce){.vs2.r3 .vsr.cur .vsc{animation:none}}
.r3vs .vsh{margin:0}
@media (max-width:760px){
 .vs2.r3 .vsh{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .vs2.r3 .vsl{padding:12px 12px 12px 16px;gap:8px;border-radius:12px}.vs2.r3 .vsl .ic{width:28px;height:28px;flex:none}.vs2.r3 .vsl .ic svg{width:16px;height:16px}.vs2.r3 .vsl b{font-size:13.5px}
 .vs2.r3 .vsx{display:none}
 .vs2.r3 .vsr{grid-template-columns:minmax(0,1fr);gap:8px}
 .vs2.r3 .vsk{display:block;text-align:left;padding-left:16px}
 .vs2.r3 .vsr+.vsr{margin-top:6px}
}
/* 3 · sellos con rótulo en la cadena rota */
.brk .seal b{font-size:13px}
/* 5 · «?» grande dentro del recuadro; oculta la pregunta hasta pulsar */
.hk.hk3{display:block}
.hk3b{position:relative;display:block;width:100%;min-height:150px;padding:22px 26px!important;text-align:center!important;border-radius:22px;background:linear-gradient(135deg,rgba(0,131,255,.32),rgba(0,39,123,.55));border:1px dashed rgba(140,200,255,.7)}
.hk3t{display:block;font-weight:780;font-size:clamp(17px,1.6vw,23px);line-height:1.35;color:#fff;visibility:hidden;opacity:0;transition:opacity .45s}
.hk3c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}
.hk3q{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;font-size:54px;font-weight:820;line-height:1;color:#00277B;background:#fff;box-shadow:0 14px 34px -10px rgba(0,131,255,.9)}
.hk3k{font-size:13px;font-weight:720;color:#fff}
.hk3b.cue .hk3q{animation:vblink 1.6s ease-in-out infinite}
body.calm .hk3b .hk3q{animation:none}@media (prefers-reduced-motion:reduce){.hk3b .hk3q{animation:none}}
.hk3b.on{border-style:solid;cursor:default;display:flex;align-items:center;justify-content:center}
.hk3b.on .hk3t{visibility:visible;opacity:1}
.hk3.sm2 .hk3b{min-height:0;padding:16px 20px!important}.hk3.sm2 .hk3t{font-size:clamp(15px,1.3vw,18px)}
@media (max-width:760px){.hk3b{min-height:170px;padding:18px 18px!important}.hk3q{width:72px;height:72px;font-size:46px}}
.brk .seal b,.chn.sm .brk .seal b,.brk .chn.sm .chnn .seal b{width:auto;height:auto;background:none;border-radius:0;display:inline;font-size:13px;color:#fff}
.brk .chn.sm .chnn .seal{width:auto;padding:0 14px 0 12px}
@media (max-width:760px){.brk .chn{display:flex!important;flex-direction:column;align-items:center;gap:2px;grid-template-columns:none!important}.brk .chnn{padding:4px!important;flex:none!important}.brk .cha{transform:none!important}}
@media (min-width:761px){.r3dock{bottom:-16px}
 .vs2.r3 .vsr{padding-top:0}
 .vs2.r3 .vsn{left:50%;top:50%;transform:translate(-50%,-150%);font-size:10.5px;letter-spacing:.06em;white-space:nowrap}
 .vs2.r3 .vsk{padding-top:18px}
 .vs2.r3 .vsc{gap:6px;padding:12px 16px}}
/* vídeo en móvil: marco vertical para que el ▶, el rótulo «Presentadora virtual» y el título no se pisen */
@media (max-width:760px){.scr.vs .vf.fill{aspect-ratio:4/5;width:100%;height:auto;max-height:calc(100vh - 170px)}
 .scr.vs .vfcta{padding:64px 16px 70px}.scr.vs .vftit{max-width:100%}}
/* móvil: lo que aún no se ha revelado no reserva hueco (evita botones y vídeos empujados al fondo) */
@media (max-width:760px){.seq>.hid{display:none}.seq>:not(.hid){animation:stm .45s both}body.calm .seq>*{animation:none}}
/* =================== r4 · 27-10 (Sergio 12:51) =================== */
/* 1 · contenidos sin «aquí»: la tarjeta actual solo se distingue por un resalte sutil (borde y barra azul), sin texto */
.lt.cur{border-color:rgba(140,200,255,.75);box-shadow:inset 0 3px 0 #0083FF}
/* 2 · vídeos a pantalla completa en móvil y tableta vertical: marco centrado en vertical y horizontal; subtítulos de lado a lado */
@media (max-width:760px),(max-width:1100px) and (orientation:portrait){
 .scr.vs{padding:0}
 .scr.vs .vfs2{position:absolute;inset:14px;display:flex;align-items:center;justify-content:center;container-type:size}
 .scr.vs .vf.fill{width:100%;height:auto;max-width:100%;max-height:100%;aspect-ratio:4/5}
 @supports (width:1cqh){.scr.vs .vf.fill{width:min(100cqw,80cqh)}}
 .scr.vs .vfcap{left:12px;right:12px;width:auto;max-width:none;transform:none;bottom:60px;padding:12px 16px;text-align:center}
}
@media (min-width:761px) and (max-width:1100px) and (orientation:portrait){
 .scr.vs .vfs2{inset:24px}
 .scr.vs .vf.fill{aspect-ratio:4/3}
 @supports (width:1cqh){.scr.vs .vf.fill{width:min(100cqw,133.33cqh)}}
 .scr.vs .vfcta{padding:64px 24px 72px}
 .scr.vs .vfcap{left:16px;right:16px;bottom:64px;font-size:17px!important}
}
/* 3 · ▶ centrado ópticamente dentro del círculo (antes desplazado a la derecha por margin-left:6 %) */
.vfplay{padding:0}
.vfplay svg{display:block;margin:0 1% 0 0}
.vf.ended .vfplay svg{margin:0}
/* 4 · portadas: degradado oscuro → transparente sobre la imagen (sutil, sin velo pesado) */
.cv2i:after{z-index:0;background:linear-gradient(90deg,rgba(0,20,63,.62) 0%,rgba(0,20,63,.22) 38%,rgba(0,20,63,0) 65%),linear-gradient(0deg,rgba(0,20,63,.6) 0%,rgba(0,20,63,0) 48%)}
@media (max-width:760px){.cv2i:after{background:linear-gradient(0deg,rgba(0,20,63,.8) 0%,rgba(0,20,63,.3) 45%,rgba(0,20,63,0) 75%)}}
.cv2n{text-shadow:0 4px 24px rgba(0,20,63,.55)}
/* 5 · tarjetas numeradas: antes de pulsar solo el número; al pulsar aparecen icono y texto */
.ocx{position:relative}
.ocx:not(.on){justify-content:center;align-items:center}
.ocx:not(.on) .ocxh{justify-content:center}
.ocx:not(.on) .ic{display:none}
.ocx:not(.on) .ocxn{width:56px;height:56px;border-radius:16px;font-size:20px;background:rgba(0,131,255,.3);border:1px solid rgba(140,200,255,.55)}
.ocx:not(.on) .ocxk{display:none}
.ocx.on .ic{animation:stm .45s both}
@media (max-width:760px){.ocx:not(.on){min-height:86px}}
/* 6 · slide 22: el «30» de la insignia de fecha heredaba el blanco de .lwmh b */
.lwmh .dbadge b{flex:none;color:#00277B;font-size:24px;letter-spacing:0;text-transform:none;line-height:1}
.lwmh .dbadge small{color:#0062CC}
/* 7 · slide 30: dos lados con rótulo propio */
.r4el{display:flex;flex-direction:column;gap:12px}
.r4r{display:grid;grid-template-columns:minmax(0,.9fr) 40px minmax(0,1.4fr);align-items:stretch;animation:stm .45s both;animation-delay:var(--d)}
body.calm .r4r{animation:none}
.r4k{display:block;font-size:11.5px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.3}
.r4a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:14px 16px;border-radius:16px;background:rgba(0,131,255,.2);border:1px solid #0083FF;box-shadow:inset 5px 0 0 #0083FF;color:#fff}
.r4a .r4k{color:#8CC8FF}
.r4n{display:flex;align-items:center;gap:12px}.r4n .ic{width:36px;height:36px;flex:none;background:#0083FF;color:#fff}.r4n b{font-size:16px;font-weight:760;color:#fff;line-height:1.3}
.r4a.on{background:rgba(0,131,255,.32)}
.r4x{display:grid;place-items:center;color:#8CC8FF;opacity:.35;transition:opacity .3s}
.r4r.on .r4x{opacity:1}
.r4b{display:flex;flex-direction:column;gap:8px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.4);box-shadow:inset 5px 0 0 rgba(255,255,255,.35)}
.r4b .r4k{color:#fff;opacity:.8}
.r4b p{visibility:hidden;opacity:0;transition:opacity .45s}
.r4r.on .r4b{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.75);box-shadow:inset 5px 0 0 #fff}
.r4r.on .r4b .r4k{opacity:1}
.r4r.on .r4b p{visibility:visible;opacity:1}
@media (max-width:760px){
 .r4r{grid-template-columns:minmax(0,1fr);gap:0}
 .r4x{height:26px}.r4x svg{transform:rotate(90deg)}
 .r4b:not(:only-child){min-height:0}
 .r4r:not(.on) .r4b p{display:none}
}
/* 8 · rótulo compacto «n/N» en los ejemplos repartidos en varias pantallas */
.r4exn{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;border:1px solid rgba(140,200,255,.55);font-size:inherit;font-weight:800;letter-spacing:.06em;color:var(--bl2);line-height:1.5;vertical-align:baseline}
/* 9 · Para reflexionar: «?» que oculta la pregunta; tras pulsar aparece lo demás */
.r4rf .rfhk .hk3b{min-height:130px}
.r4rf .hk3t{font-size:clamp(16px,1.35vw,19px);text-align:left}
.r4rf .hk3t .rfq{display:block}
.r4rf .hk3t .qlist{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-weight:560;font-size:15px}
.r4ql{display:flex;gap:8px;align-items:flex-start}.r4ql svg{flex:none;margin-top:3px;color:#8CC8FF}
.r4hid{visibility:hidden;opacity:0;pointer-events:none}
.r4rf .r4hid+*,.r4rf>*{transition:opacity .45s}
.r4rf :not(.r4hid).rfw,.r4rf .stk>.stk:not(.r4hid){animation:stm .45s both}
body.calm .r4rf *{animation:none!important}
@media (max-width:760px){.r4rf .r4hid{display:none}.r4rf .rfhk .hk3b{min-height:150px}}
/* 6b · slide 75 (DNI de la reforma): la fila de fecha tenía otra sangría (76 px) que descuadraba sus columnas y el icono del sello no se veía (heredaba el color del texto) */
.lw .lwr.dt{padding-left:18px;align-items:center}
.lwr.dt>b{display:flex;align-items:center;min-height:36px;padding-left:48px}
.lwr span.lwst{left:18px;color:#0062CC}
@media (max-width:760px){.lwr.dt>b{padding-left:0;min-height:0}}
/* ===== r5 (Sergio 27-10 15:41) ===== */
/* 1 · hoja de ruta (15): antes de pulsar, solo el número; el texto aparece al pulsar */
.rmp .rms:not(.on){justify-content:center;align-items:center;min-height:118px}
.rmp .rms:not(.on) p{display:none}
.rmp .rms:not(.on) .rmn{align-self:center;height:52px;min-width:80px;padding:0 18px;border-radius:14px;font-size:20px;background:rgba(0,131,255,.3);border:1px solid rgba(140,200,255,.55)}
.rmp .rms.lk:not(.on) .rmn{opacity:.55}
.rmp .rms.cue:not(.on) .rmn{animation:vblink 1.6s ease-in-out infinite}
body.calm .rmp .rms .rmn{animation:none}@media (prefers-reduced-motion:reduce){.rmp .rms .rmn{animation:none}}
.rmp .rms.on p{animation:stm .45s both}
@media (max-width:760px){.rmp .rms:not(.on){min-height:84px}}
/* 2 · «?» en dos pasos: botón «Continuar» justo bajo la pregunta */
.r5go{align-self:flex-start;margin-top:14px;animation:stm .4s both}
.hkw .r5go,.r4rf .r5go{display:inline-flex}
.r4rf .r5go{margin-top:2px}
.r4rf .rfhk .hk3b.on{min-height:0}
body.calm .r5go{animation:none}
@media (max-width:760px){.r5go{align-self:stretch;justify-content:center;width:100%}}
/* 3 · slide 57: misma tarjeta de dos lados que la 30 */
.r5el{gap:10px}
.r5el .r4a,.r5el .r4b{padding:12px 16px}
.r5el .r4b .lead{font-size:clamp(15px,1.2vw,17px)}
/* 4 · slide 74: solo «no nos referimos…» se tacha */
.ns.r5ns.done .nsa{text-decoration:none;color:#C9D4E4}
.r5ns .r5neg{transition:color .4s}
.ns.r5ns.done .r5neg{text-decoration:line-through;text-decoration-color:rgba(140,200,255,.85);text-decoration-thickness:2px;color:#9FB0C8}
.r5ns .nsbtn{align-self:flex-start}
/* =================== r6 · 27-10 (Sergio 18:25) =================== */
/* 1 · tarjetas numeradas tras pulsar: número + icono centrados como un solo grupo arriba; el texto sigue alineado a la izquierda (lectura de párrafos largos) */
.ocx.on .ocxh{justify-content:center}
.ocx.on .ocxt{align-self:stretch;text-align:left}
/* 2 · diana sin texto introductorio (slide 19): el recuadro se ajusta a la diana en vez de ocupar todo el ancho */
.hero.hero0{align-self:flex-start;width:auto;max-width:max-content;display:inline-flex;padding:12px!important}
.hero.hero0 .tgt{width:56px;height:56px}
/* 4 · slide 111: la insignia del perfil volvía a 46 px (heredaba .pfav svg) y tapaba el nombre y la tarjeta vecina */
.pfav{display:inline-block;line-height:0}
.pfav i svg{width:14px!important;height:14px!important}
.pfb{min-width:0;padding:14px 12px 12px}
.pfb b{overflow-wrap:anywhere;hyphens:auto}
@media (max-width:900px){.pfa{gap:14px}.pfav svg{width:42px;height:42px}}
@media (max-width:760px){.pfa{gap:14px}.pfb{padding:12px 10px}.pfb b{font-size:13px}.pfav svg{width:40px;height:40px}}
/* 5 · índice con títulos para el alumno: título · n/N · nivel (atenuado); «Vídeo» como etiqueta; máximo dos líneas */
#ovl .it>span{min-width:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ovl .it .ltv{display:inline-block;line-height:1.25;vertical-align:1px;font-style:normal;font-weight:700;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#8CC8FF;padding:2px 6px;border:1px solid rgba(140,200,255,.45);border-radius:6px;margin-right:2px}
#ovl .it .ltf{font-weight:700;color:#fff}
#ovl .it .ltl{color:rgba(255,255,255,.7)}
/* 3b · «Comparación n/N» es más largo que «Pareja n/N»: en tableta y escritorio el rótulo va en dos líneas en una calle central algo más ancha */
@media (min-width:761px){
 .vs2.r3 .vsr{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)}
 .vs2.r3 .vsn{width:92px;white-space:normal;text-align:center;line-height:1.3;letter-spacing:.04em;transform:translate(-50%,-112%)}
 .vs2.r3 .vsk{padding-top:22px}}
/* ================= C1-nuevo v3 · Apartado 1.2 · componentes nuevos (sistema azul v7) ================= */
/* REV · tarjetas que se descubren */
.g12rvg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;width:100%}
.g12duo,.g12q2,.g12quote,.g12tr{grid-template-columns:repeat(2,minmax(0,1fr))}
.g12rv{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:16px 18px;border-radius:18px;background:var(--glass,rgba(255,255,255,.06));border:1px dashed rgba(140,200,255,.5);color:inherit;font:inherit;cursor:pointer;min-height:110px;transition:background .35s,border-color .35s,transform .35s,opacity .35s}
.g12rv:hover:not(.on):not(.lk){transform:translateY(-2px);border-color:rgba(140,200,255,.85)}
.g12rv.on{cursor:default;border-style:solid;border-color:rgba(140,200,255,.45);background:linear-gradient(135deg,rgba(0,131,255,.2),rgba(255,255,255,.04))}
.g12rv.lk{opacity:.5;cursor:not-allowed}
.g12rvh{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}
.g12rvn{flex:none;min-width:34px;height:34px;padding:0 8px;border-radius:11px;display:grid;place-items:center;background:rgba(0,131,255,.3);border:1px solid rgba(140,200,255,.5);color:#fff;font-weight:800;font-size:14px}
.g12rv .ic{width:40px;height:40px}
.g12rvt{display:block;font-size:17px;line-height:1.4}
.g12rvb{display:none;flex-direction:column;gap:6px;width:100%}
.g12rvb .p{display:block;line-height:1.5}
.g12rv.on .g12rvb{display:flex;animation:stm .45s both}
.g12rv.on .ocxk{display:none}
.g12rv .ocxk{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8CC8FF;opacity:.9}
.g12rv .g12mk{display:block;width:100%;margin-bottom:2px}
/* solo número antes de pulsar (como la hoja de ruta) */
.g12rv.only:not(.on){justify-content:center;align-items:center;min-height:96px}
.g12rv.only:not(.on) .g12rvh{justify-content:center}
.g12rv.only:not(.on) .ic,.g12rv.only:not(.on) .ocxk{display:none}
.g12rv.only:not(.on) .g12rvn{width:56px;height:56px;font-size:20px}
.g12rv.cue:not(.on) .g12rvn{animation:vblink 1.6s ease-in-out infinite}
/* barra de nivel (escala/medidor) */
.g12bar{display:block;width:100%;height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:auto}
.g12bar i{display:block;height:100%;background:linear-gradient(90deg,#0083FF,#8CC8FF);transform-origin:left;transform:scaleX(0);transition:transform .6s}
.g12rv.on .g12bar i{transform:scaleX(1)}
.g12scale,.g12depth,.g12steps,.g12mom,.g12fold,.g12cats{grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.g12steps .g12rv:nth-child(2){margin-top:18px}.g12steps .g12rv:nth-child(3){margin-top:36px}
.g12stt{letter-spacing:.06em}
/* r1 · contraste sin signo de desigualdad: pareja de tarjetas, cada una con su color de acento */
.g12two{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;width:100%}
.g12tc{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06));border:1px solid rgba(140,200,255,.3)}
.g12ra{display:inline-grid;place-items:center;color:#8CC8FF}
.g12roles{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
/* trayectorias */
.g12tr{display:grid;gap:12px}
.g12trc{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06));border:1px solid rgba(140,200,255,.3)}
.g12trk{flex:none;width:46px;height:46px;position:relative}
.g12trk i{position:absolute;left:4px;right:4px;top:50%;height:4px;border-radius:4px;background:linear-gradient(90deg,#0083FF,#8CC8FF);transform-origin:left center}
.t0 .g12trk i{transform:rotate(-30deg)}.t1 .g12trk i{transform:rotate(20deg);opacity:.6}
.g12trt{flex:1;min-width:0}
.g12qa{display:flex;justify-content:center}
.g12ans{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(0,131,255,.25),rgba(255,255,255,.04));border:1px solid rgba(140,200,255,.45)}
.g12big{font-size:22px;font-weight:800;margin:0 0 6px}
.g12q3{margin:0}
.g12al{border-color:rgba(255,190,120,.5)!important}
/* definición */
.g12def{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;border-left:4px solid #0083FF;background:rgba(0,131,255,.14)}
.g12def .ic{flex:none;width:40px;height:40px}
.g12def p{margin:0}
.g12caps{letter-spacing:.04em}
/* tarjeta de precaución / distinción */
.g12cp{border-color:rgba(140,200,255,.45)}
/* NT-33 matriz */
.g12mx{display:flex;flex-direction:column;gap:10px;width:100%}
.g12mxh,.g12mxr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) 34px minmax(0,1fr);gap:12px;align-items:start}
.g12mxh{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8CC8FF;padding:0 14px}
.g12mxh>span:first-child{grid-column:1}.g12mxh .a{grid-column:2}.g12mxh .b{grid-column:4}
.g12mxh .ic{width:20px;height:20px;display:inline-grid;vertical-align:middle;margin-right:6px}
.g12mxr{padding:14px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06));border:1px solid rgba(140,200,255,.25);transition:border-color .3s,background .3s}
.g12mxr.off{display:none}
.g12mxr.in{animation:stm .45s both}
.g12mxr.cur{border-color:rgba(140,200,255,.75);background:rgba(0,131,255,.16)}
.g12mxr .k{display:flex;flex-direction:column;gap:4px}
.g12mxn{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8CC8FF}
.g12mxr p{margin:0}
.g12ml{display:none;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8CC8FF;margin-bottom:2px}
.g12eq{align-self:center;text-align:center;font-size:26px;font-weight:800;color:#8CC8FF}
.g12mxr.eq{border-color:rgba(140,200,255,.55)}
.g12mxb{align-self:flex-start}
/* NT-42 veredicto */
.g12vd .myo button.ok{background:rgba(0,131,255,.45);border-color:#8CC8FF}
.g12vd .myo button.ko{opacity:.6;text-decoration:line-through}
.g12vd .mya.lk{display:none}
/* NT-43 conversación */
.g12cqw{display:flex;flex-direction:column;gap:12px;width:100%}
.g12cq{display:flex;flex-direction:column;gap:8px}
.g12cq.off{display:none}.g12cq.in{animation:stm .45s both}
.g12cq .chat.me.lk{display:none}
.g12cq .chat.me{align-self:flex-end;max-width:88%}
.g12cqb{align-self:flex-start}
/* cuadros, leyendas, expedientes, operaciones */
.g12leg{display:flex;flex-wrap:wrap;gap:8px}
.g12leg span{padding:6px 12px;border-radius:999px;background:rgba(0,131,255,.18);border:1px solid rgba(140,200,255,.4);font-size:14px}
.g12sl{min-width:34px;height:34px;display:inline-grid;place-items:center;border-radius:11px;background:rgba(0,131,255,.35);font-weight:800}
.g12s3 .nm{display:inline-grid;place-items:center;min-width:26px;height:26px;margin-right:8px;border-radius:8px;background:rgba(0,131,255,.3);font-weight:800;font-size:13px}
.g12ops{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.g12opi{display:flex;gap:6px;color:#8CC8FF}
.g12stp{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06));border:1px solid rgba(140,200,255,.3)}
.g12stp p{margin:0}
.g12quo{font-style:italic;display:block}
.g12qi{display:block;font-size:13px;color:#8CC8FF;margin-bottom:4px}
.g12bq{font-size:18px}
.g12fog .g12rv:not(.on) .g12quo{filter:blur(4px);opacity:.7}
.g12fog .g12rv.on .g12quo{filter:none;transition:filter .5s}
.g12tl{display:block;margin-bottom:4px}
.g12ens .anl{text-align:center}
/* móvil: todo en una columna, padding ≥12px */
@media (max-width:760px){
 .g12rvg,.g12duo,.g12q2,.g12quote,.g12tr,.g12scale,.g12depth,.g12steps,.g12mom,.g12fold,.g12cats{grid-template-columns:minmax(0,1fr)}
 .g12steps .g12rv:nth-child(n){margin-top:0}
 .g12rv{min-height:0;padding:14px 14px}.g12rv.only:not(.on){min-height:80px}
 .g12two{grid-template-columns:minmax(0,1fr)}
 .g12mxh{display:none}
 .g12mxr{grid-template-columns:minmax(0,1fr);padding:12px}
 .g12ml{display:block}.g12eq{text-align:left;font-size:20px}.g12eq:empty{display:none}
 .g12cq .chat.me{max-width:100%}
 .g12def,.g12ans,.g12tc,.g12trc,.g12stp{padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){.g12rv.cue:not(.on) .g12rvn{animation:none}.g12bar i{transition:none}.g12rv.on .g12rvb,.g12mxr.in,.g12cq.in{animation:none}}
/* QA r1 (27-10): escala de 5 en tableta; conversación en 2 columnas en escritorio; padding de los rótulos Versus en el móvil */
.g12rv,.g12rvt,.g12rvb{min-width:0;overflow-wrap:break-word;hyphens:auto}
@media (max-width:1100px) and (min-width:761px){.g12scale,.g12depth,.g12mom,.g12fold,.g12cats{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}
@media (min-width:761px){.g12cqw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.g12cqw>.g12cqk,.g12cqw>.g12cqb{grid-column:1/-1}.g12cqw>.g12cqb{justify-self:start}.g12cq .chat.me{max-width:100%}}
@media (max-width:760px){.vs2.r3 .vsl{padding:12px 14px 12px 16px}.vs2.r3 .vsl b{font-size:12.5px;min-width:0;hyphens:auto;overflow-wrap:break-word}}
/* r1 · ayuda como capa desde el «?» (ya no es la pantalla 2 del recorrido) */
.scr.hlpov{z-index:6;background:linear-gradient(160deg,#00184A,#00102F 70%)}
.scr.hlpov .hlpx{position:absolute;top:14px;right:clamp(14px,3vw,40px);z-index:2;font-size:18px}
.app.hlpon .nav{opacity:.35;pointer-events:none}
.app.hlpon #bHelp{background:#fff;color:#00277B}
@media (max-width:760px){.scr.hlpov{padding-top:56px}.scr.hlpov .hlpx{top:10px;right:12px}}
/* r1 · pareja contrastada (sustituye al signo de desigualdad): dos columnas, sin glifo; acento azul / acento claro */
.g12two.g12pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.g12pair .g12tc{border-top:4px solid #0083FF}
.g12pair .g12tc+.g12tc{border-top-color:#8CC8FF;background:rgba(140,200,255,.08)}
.g12fs .g12rv{border-top:4px solid #0083FF}.g12fs .g12rv+.g12rv{border-top-color:#8CC8FF}
/* r1 · leyenda A/B/C con el icono de cada respuesta al final */
.g12legi span{display:inline-flex;align-items:center;gap:6px}
.g12legi .ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(140,200,255,.18);color:#fff;font-style:normal;flex:none}
.g12legi .ic svg{width:14px;height:14px}
@media (max-width:760px){.g12two.g12pair{grid-template-columns:minmax(0,1fr)}.g12legi span{font-size:13px;padding:5px 10px}}
/* ================= C1-nuevo v3 · Apartado 1.3 · componentes nuevos (sistema azul v7) ================= */
/* dos sellos enfrentados */
.g13seal .g12rv .ic{width:52px;height:52px}
/* abanico de decisiones */
.g13fan{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
@media (max-width:1100px){.g13fan{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}
/* plataforma (producto que no encaja) */
.g13plat{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:18px;background:var(--glass,rgba(255,255,255,.06));border:1px solid rgba(140,200,255,.35)}
.g13plh{display:flex;align-items:center;gap:8px}.g13plh i{display:block;flex:1;height:10px;border-radius:6px;background:rgba(140,200,255,.18)}
.g13plh i:last-child{background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 6px,transparent 6px 12px);border:1px dashed rgba(140,200,255,.5)}
.g13plat .lead{display:flex;gap:10px;align-items:flex-start;margin:0}
/* lista de comprobación */
.g13ck{display:flex;flex-direction:column;gap:8px;width:100%}
.g13ckh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding:0 16px 0 58px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#8CC8FF}
.g13ckr{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1.3fr);gap:12px;align-items:center;text-align:left;padding:12px 16px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06));border:1px dashed rgba(140,200,255,.5);color:inherit;font:inherit;cursor:pointer}
.g13ckr .bx{width:28px;height:28px;border-radius:8px;border:2px solid rgba(140,200,255,.7);display:grid;place-items:center}
.g13ckr .bx svg{width:18px;height:18px;opacity:0;transition:opacity .3s}
.g13ckr.on{border-style:solid;cursor:default;background:linear-gradient(135deg,rgba(0,131,255,.2),rgba(255,255,255,.04))}
.g13ckr.on .bx{background:#0083FF;border-color:#0083FF}.g13ckr.on .bx svg{opacity:1}
.g13ckk{display:flex;gap:10px;align-items:center}.g13ckk .ic{width:34px;height:34px;flex:none}
.g13ckv{opacity:0;transition:opacity .4s;line-height:1.45}.g13ckr.on .g13ckv{opacity:1}
.g13ckv,.g13ckr .ocxk{grid-row:1;grid-column:3}
.g13ckr .ocxk{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8CC8FF}
.g13ckr.on .ocxk{display:none}
.g13ckr.cue:not(.on) .bx{animation:vblink 1.6s ease-in-out infinite}
/* control de documentación */
.g13tk{display:flex;flex-direction:column;gap:8px;width:100%}
.g13tkh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:0 16px 0 62px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#8CC8FF}
.g13tkr{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:12px 16px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06));border:1px dashed rgba(140,200,255,.5);color:inherit;font:inherit;cursor:pointer}
.g13tkr .ic{width:34px;height:34px}
.g13tks{display:none;align-items:center;gap:8px;line-height:1.4}
.g13tkd{flex:none;width:24px;height:24px;border-radius:999px;display:grid;place-items:center}
.g13tkr.okk .g13tkd{background:rgba(0,131,255,.45)}.g13tkr.pend .g13tkd{background:rgba(255,255,255,.12);border:1px dashed #8CC8FF}
.g13tkq{font-size:13px;color:#8CC8FF}
.g13tkr.on{cursor:default;border-style:solid}.g13tkr.on .g13tks{display:flex;animation:stm .45s both}.g13tkr.on .g13tkq{display:none}
.g13tkr.on.pend{background:rgba(255,255,255,.04)}.g13tkr.on.okk{background:linear-gradient(135deg,rgba(0,131,255,.2),rgba(255,255,255,.04))}
.g13tkr.cue:not(.on) .g13tkq{animation:vblink 1.6s ease-in-out infinite}
/* tres zonas */
.g13zn{display:flex;flex-direction:column;gap:12px;width:100%}.g13znl{margin:0}
.g13z3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g13z3 .g12rv:nth-child(1).on{background:linear-gradient(135deg,rgba(0,131,255,.32),rgba(255,255,255,.04))}
.g13z3 .g12rv:nth-child(2).on{background:rgba(255,255,255,.05);border-style:dashed}
.g13z3 .g12rv:nth-child(3).on{background:linear-gradient(135deg,rgba(0,131,255,.18),rgba(255,255,255,.04))}
.g13znt{font-size:18px;font-weight:700}
/* respuesta pregunta a pregunta */
.g13qa{display:flex;flex-direction:column;gap:10px;width:100%}
.g13qr{display:flex;flex-direction:column;gap:8px;padding:14px 18px;border-radius:18px;background:var(--glass,rgba(255,255,255,.06));border:1px solid rgba(140,200,255,.3)}
.g13qr.off{display:none}
.g13qr.in{animation:stm .45s both}
.g13qr.cur{border-color:rgba(140,200,255,.7)}
.g13qr:not(.cur){padding:12px 16px}
.g13qr:not(.cur) .g13qq{font-size:15px;opacity:.85}
.g13qr:not(.cur) .g13qx p{font-size:14.5px}
.g13qn{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#8CC8FF}
.g13qq{margin:0;font-size:18px;line-height:1.35}
.g13qx{display:flex;flex-direction:column;gap:6px}.g13qx p{margin:0;line-height:1.5}
.g13qx.lk{display:none}
.g13qx:not(.lk){animation:stm .45s both}
.g13qb{align-self:flex-start}
.g13mine{margin-top:4px}.g13mine.ok{background:rgba(0,131,255,.35);color:#fff}.g13mine.ko{background:rgba(255,255,255,.08)}
/* preguntas del caso y clasificación A/B/C */
.g13cq{display:flex;flex-direction:column;gap:8px;width:100%}
.g13cqr{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-radius:16px;background:var(--glass,rgba(255,255,255,.05));border:1px solid rgba(140,200,255,.22)}
.g13cqr.cat{border:1px solid rgba(140,200,255,.7);background:linear-gradient(135deg,rgba(0,131,255,.18),rgba(255,255,255,.04))}
.g13cqr .myq{font-size:16px}
.g13abc{flex-wrap:wrap}.g13abc button{min-width:64px;cursor:pointer;font-size:16px}
.g13abc button.sel{background:#fff;color:#00277B;border-color:#fff}
.g13leg span{font-size:13px}
.g13abc3 .g12rvn{min-width:40px}
.g13if{padding:10px 14px}
.g13so .sor p .nm{margin-right:8px}
/* móvil */
@media (max-width:760px){
 .g13fan,.g13z3,.g13abc3{grid-template-columns:minmax(0,1fr)}
 .g13ckh,.g13tkh{display:none}
 .g13ckr{grid-template-columns:28px minmax(0,1fr);padding:12px 12px}
 .g13ckv,.g13ckr .ocxk{grid-column:2;grid-row:2}
 .g13ckr:not(.on) .g13ckv{display:none}
 .g13tkr{grid-template-columns:30px minmax(0,1fr);padding:12px 12px}
 .g13tks,.g13tkq{grid-column:2}
 .g13qr,.g13cqr,.g13plat{padding:12px 12px}
 .g13qq{font-size:16.5px}
}
/* soluciones del 1.3 (6 filas) sin scroll a 1440 */
@media (min-width:761px){.sol .so2{gap:5px}.sol .vdsc{margin:0}.sol .soh2{margin:0}.sol .so2 .sor2 p{line-height:1.3}}
/* r1 · botones A/B/C del caso con el mismo icono que la leyenda y el clasificador */
.g13abc button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.g13abc button .ic{width:22px;height:22px;border-radius:999px;border:0;background:none;display:inline-grid;place-items:center;flex:none}
.g13abc button .ic svg{width:16px;height:16px}
.g13abc button.sel .ic{color:#0062CC}
/* ===== r7 (correo de Sergio 28-10-2026 09:53 ET, msg 1a182c9f579054bf) · REV-01: lo que se descubre paso a paso aparece en orden de lectura ===== */
/* respuestas orientativas (R20) y veredicto de la actividad 1.1.3: los bloques que se descubren con «Continuar / Ver la siguiente situación» van en una sola columna, de arriba abajo (antes: rejilla de 2 columnas → derecha · abajo-izquierda · derecha) */
.rfa .seq{grid-template-columns:minmax(0,1fr)!important}
.vdw:not(.sol) .seq{grid-template-columns:minmax(0,1fr)!important}
/* frases consecutivas dentro de una secuencia (pareja .g2 de párrafos): una debajo de otra, no en dos columnas */
.seq .g2:not(:has(>:not(.pr))){grid-template-columns:minmax(0,1fr)!important;gap:12px}
/* densidad máxima (fz6): las secuencias tampoco se reparten en dos columnas */
.wrap[data-fz="6"] .seq>.stk.bdy,.wrap[data-fz="6"] .cn .seq,.wrap[data-fz="6"] .cr>.seq{display:flex;flex-direction:column}
/* ===== r2b (correo de Sergio 28-10-2026 10:36 ET, msg 1a182f0916a0a795) ===== */
/* filas parejas: 6 tarjetas = 3 + 3; 4 pasos = 2 + 2 (nunca una tarjeta sola en la última fila) */
@media (min-width:761px){
 .rl:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
 .rmp:has(>.rms:nth-of-type(4):last-of-type){grid-template-columns:repeat(2,minmax(0,1fr))}
 .rmp:has(>.rms:nth-of-type(4):last-of-type) .rml{display:none}
 /* tablas de solución: la cabecera usa las mismas columnas que las filas (Afirmación | Respuesta · Explicación | tu respuesta) */
 .soh2,.sor2{grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) 170px!important}
 .soh2{padding:0 15px}.soh2>span{grid-column:auto}
}
/* conversación: el bocadillo nunca toca el avatar ni el rótulo, tampoco en pantallas densas */
.chat{gap:8px!important}.chat .who{gap:10px!important}
.chat .av{flex:none}.chat .av>svg{width:100%;height:100%;display:block}
/* ===== 1.2 · r2 (correo de Sergio 28-10-2026 09:53 ET) ===== */
/* REV-01 · conversación pregunta → actuación (124-limites-c): las cuatro conversaciones van de arriba abajo, una debajo de otra (antes: rejilla 2×2 → arriba-izq · arriba-der · abajo-izq · abajo-der). En escritorio cada mensaje ocupa una línea compacta: rótulo (Cliente / Actuación adecuada) a la izquierda y bocadillo a la derecha; la actuación, algo sangrada */
@media (min-width:761px){.g12cqw{display:flex!important;flex-direction:column;gap:10px}.g12cq{display:flex;flex-direction:column;gap:6px}
 .g12cq .chat{flex-direction:row;align-items:center;gap:12px}.g12cq .chat .who{flex:none;width:200px}.g12cq .chat .bub{flex:1;min-width:0;padding:12px 16px}
 .g12cq .chat.me{max-width:none;align-self:stretch;margin-left:48px}.g12cq .chat.me .who{width:152px}
 .g12cq .chat .av,.g12cq .chat .av .ic{width:32px;height:32px}}
/* slide 46 · 122-pendientes-c: ejemplo en tres pasos sobre una línea vertical (sin los cinco iconos de operaciones ni la insignia del día) */
.g12tl3{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:34px}
.g12tl3::before{content:'';position:absolute;left:9px;top:14px;bottom:14px;width:2px;border-radius:2px;background:linear-gradient(#0083FF,rgba(140,200,255,.35))}
.g12tl3i{position:relative}.g12tl3i p{margin:0}
.g12tl3d{position:absolute;left:-34px;top:.42em;width:20px;height:20px;border-radius:50%;background:#00277B;border:3px solid #0083FF;box-shadow:0 0 0 4px rgba(0,131,255,.16)}
/* slide 69 · 123-prioridades-b: tabla Finalidad | Utilidad para el distribuidor, una fila por pulsación, numeradas */
.g12ft .g12mxh,.g12ft .g12mxr{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.g12ft .g12mxh>span:nth-child(2){grid-column:2}
.g12ft .g12mxr{align-items:center}
.g12ftk{display:flex;align-items:center;gap:12px;font-weight:750}
.g12ftn{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(0,131,255,.3);border:1px solid rgba(140,200,255,.5);color:#fff;font-weight:800;font-size:14px}
.g12ft .g12mxr.cur .g12ftn{background:#0083FF;border-color:#fff}
@media (max-width:760px){.g12ft .g12mxr{grid-template-columns:minmax(0,1fr);align-items:start}.g12tl3{padding-left:30px}.g12tl3d{left:-30px;width:18px;height:18px}.g12tl3::before{left:8px}}
/* ===== 1.3 · r2b (correo de Sergio 28-10-2026 10:36 ET) ===== */
/* 132-noencaja-a · aviso de la plataforma: tarjeta con el icono de pantalla, sin barras ficticias */
.g13plat2{flex-direction:row;align-items:center;gap:14px;border-style:dashed}
.g13plat2>.ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(0,131,255,.22);color:#8CC8FF}
.g13plat2 .lead{display:block}
/* 132-ej-b · explicación del corredor en una sola tarjeta; las tres aseguradoras como lista dentro de ella */
.g13xpl{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(0,131,255,.22),rgba(0,39,123,.35));border:1px solid rgba(140,200,255,.55)}
.g13xpl .lead{margin:0}
.g13xl{margin:0;padding:0 0 0 4px;list-style:none;display:flex;flex-direction:column;gap:8px}
.g13xl li{position:relative;padding-left:22px;color:#fff;font-size:15.5px;line-height:1.45}
.g13xl li::before{content:'';position:absolute;left:4px;top:.55em;width:9px;height:9px;border-radius:50%;background:#0083FF;box-shadow:0 0 0 3px rgba(0,131,255,.25)}
/* casos prácticos · elección A / B / C en la respuesta orientativa, antes de ver la respuesta */
.g13abcw{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px}
.g13abcw .g13abc{justify-content:flex-start}
.g13qb.g13wait{opacity:.5;cursor:not-allowed}
.g13cqr.cat{border-color:rgba(140,200,255,.7)}
/* ganchos «?» dentro del texto (132-noencaja-a, 133-gestionar-a): compactos una vez abiertos, con sitio para el «?» antes */
.hk3.sm2 .hk3b:not(.on){min-height:128px;padding:18px 22px!important}
/* ===== 1.3 · r3 (correo de Sergio 28-10-2026 18:16 ET) ===== */
/* 72 / 143 (y el resto de .sol del 1.3): tabla centrada y a todo el ancho útil — sin columna vacía 1fr */
.vdw.sol .seq{grid-template-columns:minmax(0,1fr)!important;justify-items:stretch}
.vdw.sol .so2{width:100%;max-width:100%;margin-inline:0}
.vdw.sol .soh2,.vdw.sol .sor2{width:100%}
/* 132-ej-b · diseño previo (A/B/C) con corrección: una sola tarjeta bajo la pregunta, sin segundo recuadro */
/* ===== C1-nuevo v3 · apartado 2.1 · componentes nuevos (NT-56 umbral, NT-57 de un contrato a la zona, NT-58 pasos) ===== */
/* NT-56 · umbral de contratación directa */
.ga21{display:flex;flex-direction:column;gap:14px;width:100%}
.ga21tr{position:relative;height:56px;margin:26px 12px 22px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(140,200,255,.35)}
.ga21z{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:12px 0 0 12px;background:linear-gradient(90deg,rgba(0,131,255,.55),rgba(0,131,255,.85));transition:width .7s cubic-bezier(.2,.7,.2,1)}
.ga21g{position:absolute;top:-6px;bottom:-6px;width:0;border-left:2px dashed rgba(140,200,255,.8);opacity:0;transition:opacity .4s}
.ga21.gh .ga21g{opacity:1}
.ga21p{position:absolute;top:-14px;bottom:-14px;width:0;opacity:0;transition:left .6s,opacity .4s}
.ga21p .ga21pd{position:absolute;left:-9px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid #0083FF;box-shadow:0 0 0 6px rgba(0,131,255,.25)}
.ga21p:before{content:"";position:absolute;left:-1px;top:0;bottom:0;border-left:2px solid #fff}
.ga21.pp .ga21p{opacity:1}
.ga21.pp.out .ga21p .ga21pd{border-color:#FFB020;box-shadow:0 0 0 6px rgba(255,176,32,.28)}
.ga21tr>span{position:absolute;font-size:13px;font-weight:700;white-space:nowrap;transform:translateX(-50%);color:#DCE9FF}
.ga21t0{left:0;bottom:-22px;transform:none!important}
.ga21tz{bottom:-22px;color:#fff!important}
.ga21tg{top:-24px;color:#8CC8FF!important;opacity:0;transition:opacity .4s}.ga21.gh .ga21tg{opacity:1}
.ga21tp{top:-26px;color:#fff!important;opacity:0}.ga21.pp .ga21tp{opacity:1}.ga21.pp.out .ga21tp{color:#FFCF70!important}
.ga21.gh.pp .ga21tg{top:auto;bottom:-22px}
.ga21s{display:flex;flex-direction:column;gap:10px}
.ga21r{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25);transition:opacity .4s,transform .4s}
.ga21r.off{display:none}.ga21r.in{animation:ga21in .45s ease both}
.ga21r.cur{border-color:#0083FF;background:linear-gradient(135deg,rgba(0,131,255,.22),rgba(255,255,255,.04))}
.ga21r p{margin:0}
.ga21n{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:#0083FF;color:#fff}
.ga21r.pin .ga21n{background:#fff;color:#00277B}
.ga21b{align-self:flex-start}
@keyframes ga21in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* NT-57 · de un contrato a la zona */
.zm21{display:flex;flex-direction:column;gap:14px;width:100%}
.zm21a{display:flex;gap:14px;align-items:flex-start;max-width:520px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(140,200,255,.35);transition:transform .5s,opacity .5s}
.zm21a .ic,.zm21b .ic{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(0,131,255,.25)}
.zm21a p,.zm21b p{margin:0}
.zm21.on .zm21a{transform:scale(.94);opacity:.75}
.zm21b{position:relative;overflow:hidden;display:flex;gap:14px;align-items:flex-start;padding:18px 20px 30px;border-radius:18px;border:1px solid #0083FF;background:linear-gradient(135deg,rgba(0,131,255,.28),rgba(0,39,123,.25))}
.zm21b.off{display:none}.zm21.on .zm21b{animation:ga21in .5s ease both}
.zm21w{position:absolute;left:0;right:0;bottom:0;height:22px;pointer-events:none}
.zm21w i{position:absolute;left:-10%;right:-10%;bottom:0;height:14px;border-radius:50%;background:rgba(140,200,255,.25);animation:zm21wave 6s ease-in-out infinite}
.zm21w i:nth-child(2){bottom:5px;opacity:.6;animation-delay:-2s}.zm21w i:nth-child(3){bottom:10px;opacity:.35;animation-delay:-4s}
@keyframes zm21wave{0%,100%{transform:translateX(-4%)}50%{transform:translateX(4%)}}
.zm21x{align-self:flex-start}
/* NT-58 · pasos de una frase troceada (4 pasos: escalera completa) */
.g12steps .g12rv:nth-child(4){margin-top:54px}
.g21st .g12rv:nth-child(n){margin-top:0}
@media (max-width:760px){.ga21tr{margin:30px 6px 26px;height:46px}.ga21tr>span{font-size:12px}.g12steps .g12rv:nth-child(4){margin-top:0}}
@media (prefers-reduced-motion:reduce){.ga21z,.ga21p,.zm21a{transition:none}.zm21w i{animation:none}}
/* r1 interno · etiquetas de la barra sin solaparse: con marca anterior, el límite actual se ancla a su izquierda y el anterior a su derecha */
.ga21.gh .ga21tz{transform:translateX(-100%);padding-right:6px}
.ga21.gh .ga21tg,.ga21.gh.pp .ga21tg{top:auto;bottom:-22px;transform:none;padding-left:6px}
.ga21.gh .ga21tg.up{top:-24px;bottom:auto}
/* ===== C1-nuevo v3 · apartado 2.2 · componentes nuevos (NT-59 cobertura que cambia, NT-60 reparto del daño, NT-61 garantías por versión, NT-62 de lo técnico a lo útil) ===== */
/* NT-59 · esquema de la póliza */
.cob22{width:60px;height:48px;display:block;overflow:visible}
.ic svg.cob22,.g12rv .ic svg.cob22{width:56px!important;height:45px!important;max-width:none!important}
.cob22 .pol{fill:rgba(255,255,255,.04);stroke:rgba(140,200,255,.55);stroke-width:1.5}
.cob22 .t{fill:rgba(140,200,255,.35);stroke:rgba(140,200,255,.8);stroke-width:1.2;transition:all .6s cubic-bezier(.2,.7,.2,1)}
.cob22 .nw{fill:#0083FF;stroke:#fff}
.cob22 .gr{fill:#0083FF;stroke:#fff}
.cob22 .ct{fill:rgba(140,200,255,.12);stroke-dasharray:3 2}
.cob22 .cut{stroke:#FFB020;stroke-width:2}
.cob22 .xo{fill:rgba(255,176,32,.12);stroke:#FFB020}
.cob22 .xl{stroke:#FFB020;stroke-width:2;stroke-linecap:round}
.cob22 .op{fill:none;stroke:#fff;stroke-dasharray:3 2;stroke-width:1.4}
/* animación del cambio al descubrir la fila (antes: póliza «base») */
.g12rv:not(.on) .cob22 .nw{opacity:.0}
.g12rv:not(.on) .cob22 .gr{width:22px}
.g12rv.on .cob22.k-ext .gr{width:26px;height:20px;x:30px;y:24px}
.g12rv:not(.on) .cob22 .cut,.g12rv:not(.on) .cob22 .xl{opacity:0}
.g12rv.on .cob22 .cut,.g12rv.on .cob22 .xl{opacity:1;transition:opacity .5s .2s}
.g12rv:not(.on) .cob22 .ct,.g12rv:not(.on) .cob22 .xo{fill:rgba(140,200,255,.35);stroke:rgba(140,200,255,.8);stroke-dasharray:none}
.g12rv:not(.on) .cob22 .op{fill:rgba(140,200,255,.35);stroke:rgba(140,200,255,.8);stroke-dasharray:none}
.g12rv.on .cob22.k-opt .op{transform:translate(3px,3px)}
.g22cob,.g22st3{--icw:60px}
.g12rv .ic:has(.cob22){width:64px;height:52px;background:none!important;border:0!important;display:grid;place-items:center}
/* filas de la tabla «Tipo | Qué puede significar»: una por línea, columnas alineadas */
.g22cob{grid-template-columns:minmax(0,1fr)!important;gap:10px}
.g22cob .g12rv{display:grid;grid-template-columns:auto minmax(0,.9fr) minmax(0,1.3fr);grid-template-areas:"h t b" "h k b";column-gap:16px;row-gap:2px;align-items:center;padding:12px 16px}
.g22cob .g12rvh{grid-area:h;width:auto;flex-wrap:nowrap}
.g22cob .g12rvt{grid-area:t;align-self:end}
.g22cob .g12rvh+.g12rvt::before{content:none}
.g22cob .g12rvb{grid-area:b;display:flex;visibility:hidden}
.g22cob .g12rv.on .g12rvb{visibility:visible}
.g22cob .ocxk{grid-area:k;align-self:start}
.g22cob .g12rv.on .ocxk{display:block;visibility:hidden}
.g22cob .g12rvt{display:flex;flex-direction:column;gap:2px}
.g22cob .g22lab{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8CC8FF}
@media (max-width:760px){.g22cob .g12rv{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"h t" "h k" "b b"}.g22cob .g12rvb{display:none}.g22cob .g12rv.on .g12rvb{display:flex}.g22cob .g12rv.on .ocxk{display:none}}
/* NT-59 en las tres situaciones (incluida / opcional / excluida) */
.g22st3 .g12rv .g12rvh{min-height:52px}
/* NT-60 · reparto del daño */
.db22{display:flex;flex-direction:column;gap:14px;width:100%}
.db22b{display:flex;flex-direction:column;gap:10px;padding:14px 16px 10px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(140,200,255,.25)}
.db22r{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);grid-template-areas:"l t" ". n";column-gap:14px;row-gap:4px;align-items:center}
.db22l{grid-area:l;display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:#DCE9FF}
.db22l .ic{width:22px;height:22px}
.db22t{grid-area:t;position:relative;height:26px;border-radius:8px;background:rgba(255,255,255,.06)}
.db22t i{position:absolute;top:0;bottom:0;left:0;border-radius:8px;transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);transform-origin:left center}
.db22t .tot{border:1.5px dashed rgba(220,233,255,.75);background:transparent;opacity:0}
.db22t .cov{background:linear-gradient(90deg,rgba(0,131,255,.75),#0083FF);opacity:0;transform:scaleX(.2)}
.db22t .own{background:#FFB020;opacity:0;border-radius:0 8px 8px 0}
.db22t .lim{top:-6px;bottom:-6px;width:0;border-left:2px dashed #fff;border-radius:0;opacity:.9}
.db22.s-tot .tot{opacity:1}
.db22.s-cov .cov{opacity:1;transform:none}
.db22.s-own .own{opacity:1}
.db22.s-own .db22t .cov{border-radius:8px 0 0 8px}
.db22n{grid-area:n;display:flex;justify-content:space-between;gap:10px;min-height:18px;font-size:13px;font-weight:800}
.db22n span{opacity:0;transition:opacity .4s}
.db22n span.on{opacity:1}
.db22n .lcov{color:#8CC8FF;order:1}.db22n .lown{color:#FFCF70;order:2;margin-left:auto}.db22n .ltot{color:#fff;order:3}
.db22n span.pulse{animation:db22p .9s ease}
@keyframes db22p{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.db22k{display:flex;gap:18px;justify-content:flex-end;font-size:0}
.db22k span{display:inline-flex;align-items:center}.db22k i{display:inline-block;width:22px;height:10px;border-radius:4px}
.db22k .kc i{background:#0083FF}.db22k .ko i{background:#FFB020}
.db22k{display:none}
.g22nt{opacity:.85;font-size:14px}
@media (max-width:760px){.db22r{grid-template-columns:minmax(0,1fr);grid-template-areas:"l" "t" "n"}.db22b{padding:12px}}
/* NT-61 · garantías por versión: estado como sello y fila que cambia resaltada */
.g22vs .st22{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;width:max-content;max-width:100%;padding:5px 12px;border-radius:999px;font-weight:800}
.g22vs .st22 .g12ml{width:100%}
.g22vs p.st22{flex-wrap:wrap}
.g22vs .st-inc{background:rgba(0,131,255,.28);border:1.5px solid #0083FF}
.g22vs .st-opt{background:transparent;border:1.5px dashed #fff}
.g22vs .st-no{background:rgba(255,255,255,.05);border:1.5px solid rgba(140,200,255,.35);color:#B9CBE6}
.g22vs .g12mxr.chg22{border-left:4px solid #FFB020}
.g22vs .g12mxr.chg22 p.b{color:#fff}
.g22vs .g12mxr.chg22 p.b:not(.st22){font-weight:800}
@media (max-width:760px){.g22vs .st22{padding:4px 10px}}
/* NT-62 · de lo técnico a lo útil */
.rf22{display:flex;flex-direction:column;gap:14px;width:100%}
.rf22a,.rf22b{display:flex;flex-direction:column;gap:6px;transition:opacity .5s,transform .5s}
.rf22.on .rf22a{opacity:.62;transform:scale(.97);transform-origin:left top}
.rf22b.off{display:none}
.rf22.on .rf22b{animation:ga21in .5s ease both}
.rf22b .bub{box-shadow:0 0 0 2px #fff inset}
.rf22x{align-self:flex-start}
/* conexión con pregunta dentro del texto */
.g22rq{color:#fff}
.g22tail{margin-top:4px}
@media (prefers-reduced-motion:reduce){.cob22 .t,.db22t i,.rf22a{transition:none}.db22n span.pulse{animation:none}}
/* ===== C1-nuevo v3 · apartado 2.3 · componentes nuevos (NT-63…NT-71) ===== */
/* NT-63 · misma denominación, dos riesgos */
.fk23{display:flex;flex-direction:column;gap:8px;width:100%}
.fk23h{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1.5px solid rgba(140,200,255,.45);max-width:760px;margin:0 auto;width:100%}
.fk23h .ic{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0083FF}
.fk23s{position:relative;height:26px;width:100%}
.fk23s::before{content:'';position:absolute;left:50%;top:0;height:50%;border-left:2px solid rgba(140,200,255,.7)}
.fk23s i{position:absolute;left:25%;right:25%;top:50%;height:50%;border:2px solid rgba(140,200,255,.7);border-bottom:0;border-radius:10px 10px 0 0}
.fk23r{margin-top:0}
@media (max-width:760px){.fk23s i{left:50%;right:auto;width:0;border-right:0;border-radius:0}}
/* NT-64 · circunstancia con su ejemplo */
.ci23{display:flex;flex-direction:column;gap:6px}
.ci23n{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8CC8FF}
.ci23t{display:flex;align-items:center;gap:12px}
.ci23l{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0083FF;color:#fff;font-size:18px;font-weight:800}
.ci23t h3{margin:0}
.ch23w .seq{gap:10px}
.ch23{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;margin-left:2px}
.ch23::before{content:'';position:absolute;left:21px;top:-12px;height:14px;border-left:2px dashed rgba(140,200,255,.55)}
.ch23d{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(0,131,255,.22);border:1.5px solid #0083FF}
.ch23d .ic{width:22px;height:22px;display:grid;place-items:center}
.ch23p{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.22)}
.ch23.e .ch23d{background:rgba(255,255,255,.08);border-style:dashed;border-color:#fff}
.ch23.e .ch23p{background:rgba(140,200,255,.10);border-style:dashed}
.ch23.r .ch23d{background:#0083FF;border-color:#fff}
.ch23.r .ch23p{border-color:#0083FF}
/* NT-65 · de la norma al mostrador (cascada) */
.cas23 .g12rv:nth-child(1){width:100%}
.cas23 .g12rv:nth-child(2){width:92%;margin-left:auto;margin-right:auto}
.cas23 .g12rv:nth-child(3){width:84%;margin-left:auto;margin-right:auto}
.cas23 .g12rv{position:relative}
.cas23 .g12rv+.g12rv::before{content:'';position:absolute;left:50%;top:-12px;height:12px;border-left:2px solid rgba(140,200,255,.6)}
.cas23 .g12rv:nth-child(3).on{border-color:#0083FF;box-shadow:0 0 0 2px rgba(0,131,255,.35)}
@media (max-width:760px){.cas23 .g12rv:nth-child(n){width:100%}}
/* NT-66 · el cuestionario que se completa */
.fm23{display:flex;flex-direction:column;gap:0;width:100%;border-radius:16px;overflow:hidden;border:1.5px solid rgba(140,200,255,.45);background:rgba(255,255,255,.04)}
.fm23h{display:grid;grid-template-columns:28px minmax(0,.8fr) minmax(0,1.4fr);gap:14px;align-items:center;padding:10px 16px;background:rgba(0,131,255,.28);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#DCE9FF}
.fm23h .ic{width:24px;height:24px;display:grid;place-items:center}
.fm23r{display:grid;grid-template-columns:28px minmax(0,.8fr) minmax(0,1.4fr);gap:14px;align-items:center;padding:12px 16px;border-top:1px solid rgba(140,200,255,.18);transition:background .4s}
.fm23c{width:22px;height:22px;border-radius:6px;border:1.5px solid rgba(140,200,255,.7);display:grid;place-items:center;color:transparent;transition:all .35s}
.fm23c svg{opacity:0;transition:opacity .3s}
.fm23r.on .fm23c{background:#0083FF;border-color:#fff}
.fm23r.on .fm23c svg{opacity:1;stroke:#fff}
.fm23k b{display:block}
.fm23v{position:relative;min-height:22px;border-bottom:1.5px dashed rgba(140,200,255,.35);padding-bottom:4px}
.fm23v p{margin:0;opacity:0;transform:translateX(-6px);transition:opacity .45s,transform .45s}
.fm23r.on .fm23v p{opacity:1;transform:none}
.fm23r.on .fm23v{border-bottom-color:transparent}
.fm23r.cur{background:rgba(0,131,255,.14)}
.fm23m{display:none;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8CC8FF}
.fm23 .st23b{margin:12px 16px 14px;align-self:flex-start}
@media (max-width:760px){.fm23h{display:none}.fm23r{grid-template-columns:24px minmax(0,1fr);grid-template-areas:"c k" "c v"}.fm23c{grid-area:c;align-self:start}.fm23k{grid-area:k}.fm23v{grid-area:v}.fm23m{display:block}.fm23r:not(.on) .fm23v{display:none}}
/* recorrido común: filas aún no descubiertas */
.ck23 .st23:not(.on),.fl23 .st23:not(.on){display:none}
.ck23 .st23.on,.fl23 .st23.on{animation:ga21in .45s ease both}
/* NT-67 · el riesgo que evoluciona (línea de vida) */
.tl23{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;padding-left:54px}
.tl23::before{content:'';position:absolute;left:21px;top:44px;bottom:18px;border-left:2px solid rgba(140,200,255,.45)}
.tl23o{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#0083FF}
.tl23r{grid-template-columns:minmax(0,1fr)!important;gap:8px}
.tl23r .g12rv{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:0}
.tl23r .g12rv::before{content:'';position:absolute;left:-39px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#0B2A5B;border:2px solid rgba(140,200,255,.6)}
.tl23r .g12rv.on::before{background:#0083FF;border-color:#fff}
.tl23r .g12rvh{flex:0 0 auto}
.tl23r .g12rvb{flex:1 1 auto}
/* NT-68 · el límite del distribuidor */
.lm23{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);grid-template-areas:"a l b" "x x x";gap:0 12px;align-items:stretch;width:100%}
.lm23z{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;transition:opacity .5s,transform .5s}
.lm23z.a{grid-area:a}.lm23z.b{grid-area:b}
.lm23z .ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.lm23z.ok{background:rgba(0,131,255,.16);border:1.5px solid #0083FF}
.lm23z.ok .ic{background:#0083FF}
.lm23z.no{background:rgba(255,176,32,.08);border:1.5px solid rgba(255,176,32,.75)}
.lm23z.no .ic{background:rgba(255,176,32,.2);color:#FFCF70}
.lm23l{grid-area:l;position:relative}
.lm23l i{position:absolute;left:50%;top:0;bottom:0;border-left:3px dashed #fff;opacity:.85}
.lm23z.b.off{opacity:0;visibility:hidden;transform:translateX(10px)}
.lm23.on .lm23z.b{animation:ga21in .5s ease both}
.lm23x{grid-area:x;justify-self:start;margin-top:12px}
@media (max-width:760px){.lm23{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "l" "b" "x"}.lm23l{height:22px}.lm23l i{left:0;right:0;top:50%;bottom:auto;border-left:0;border-top:3px dashed #fff}.lm23z.b.off{display:none}}
/* NT-69 · lista de actuación que se marca */
.ck23{display:flex;flex-direction:column;gap:8px;width:100%}
.ck23r{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.22)}
.ck23b{flex:0 0 auto;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#0083FF;border:1.5px solid #fff;margin-top:2px}
.ck23b svg{stroke:#fff}
.ck23r.on .ck23b svg{animation:ck23t .5s .15s ease both}
.ck23r.cur{border-color:#0083FF;background:rgba(0,131,255,.14)}
.ck23 .st23b{align-self:flex-start;margin-top:4px}
@keyframes ck23t{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:none}}
/* NT-70 · ida y vuelta con la aseguradora */
.fl23{position:relative;display:flex;flex-direction:column;gap:10px;width:100%}
.fl23h{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:sticky;top:0}
.fl23k{justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(140,200,255,.4);font-weight:800;font-size:14px}
.fl23k .ic{width:20px;height:20px;display:grid;place-items:center}
.fl23k .ic{flex:0 0 auto}.fl23k .ic svg{width:100%;height:100%;display:block}
.fl23k.k-d{background:rgba(0,131,255,.25);border-color:#0083FF}
.fl23r{display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(140,200,255,.2)}
.fl23r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.fl23t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:18px}
.fl23g{position:relative}
.fl23g i{position:absolute;top:50%;left:calc(50% / var(--s));right:calc(50% / var(--s));border-top:2.5px solid #8CC8FF}
.fl23g i.r::after,.fl23g i.bi::after{content:'';position:absolute;right:-2px;top:-7px;border:6px solid transparent;border-left:9px solid #8CC8FF;border-right:0}
.fl23g i.l::before,.fl23g i.bi::before{content:'';position:absolute;left:-2px;top:-7px;border:6px solid transparent;border-right:9px solid #8CC8FF;border-left:0}
.fl23g b{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff}
.fl23g b.d1{left:calc(50% / var(--s) - 5px)}.fl23g b.d2{right:calc(50% / var(--s) - 5px)}
.fl23g:has(i.r) b.d2,.fl23g:has(i.bi) b,.fl23g:has(i.l) b.d1{display:none}
.fl23p{margin:0}
.fl23 .st23b{align-self:flex-start}
@media (max-width:760px){.fl23k{padding:4px 8px;font-size:12px;gap:4px}.fl23k .ic{width:16px;height:16px}}
/* NT-71 · fiabilidad del dato */
.fld23{width:56px;height:45px;display:block;overflow:visible}
.g12rv .ic:has(.fld23){width:64px;height:52px;background:none!important;border:0!important;display:grid;place-items:center}
.ic svg.fld23,.g12rv .ic svg.fld23{width:56px!important;height:45px!important;max-width:none!important}
.fld23 .f{stroke-width:1.6}
.fld23 .f.ok{fill:rgba(0,131,255,.45);stroke:#fff}
.fld23 .bar{stroke:#fff;stroke-width:3;stroke-linecap:round}
.fld23 .tk{fill:#0083FF;stroke:#fff;stroke-width:1.4}.fld23 .tkp{stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fld23 .f.es{fill:rgba(140,200,255,.12);stroke:#fff;stroke-dasharray:4 3}
.fld23 .bar.es,.fld23 .bar.es2{stroke:rgba(255,255,255,.75)}
.fld23 .f.un{fill:none;stroke:rgba(140,200,255,.6)}
.fld23 .cur{stroke:#FFB020;stroke-width:2;stroke-linecap:round}
.fld23 .f.dc{fill:rgba(255,255,255,.06);stroke:rgba(140,200,255,.8)}.fld23 .fold{fill:none;stroke:rgba(140,200,255,.8);stroke-width:1.4}
.fld23 .clk{fill:#0B2A5B;stroke:#FFB020;stroke-width:1.8}.fld23 .hand{fill:none;stroke:#FFB020;stroke-width:1.8;stroke-linecap:round}
.g12rv:not(.on) .fld23 .tk,.g12rv:not(.on) .fld23 .tkp,.g12rv:not(.on) .fld23 .bar,.g12rv:not(.on) .fld23 .cur,.g12rv:not(.on) .fld23 .clk,.g12rv:not(.on) .fld23 .hand{opacity:0}
.g12rv.on .fld23 *{transition:opacity .45s .15s}
.dat23,.cas23{--icw:60px}
.g12rv .ic:has(.fld23){width:64px}
/* tres modalidades en una fila · lista de fuentes en una columna */
.g23c3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:760px){.g23c3{grid-template-columns:minmax(0,1fr)!important}}
.g23r1 .rl{grid-template-columns:minmax(0,1fr)!important;display:grid;gap:8px}
@media (prefers-reduced-motion:reduce){.fm23v p,.lm23z,.ck23r.on .ck23b svg,.fld23 *{transition:none;animation:none}}
/* ===== C1-nuevo v3 · apartado 2.4 + cierre del Módulo 2 · componentes nuevos (NT-72…NT-78) ===== */
/* NT-72 · el rumbo de la prioridad */
.ic svg.rb24,.g12rv .ic svg.rb24{width:56px!important;height:45px!important;max-width:none!important}
.rb24{width:60px;height:48px;display:block;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.rb24 .ax{stroke:rgba(140,200,255,.35);stroke-width:1.5}
.rb24 .ln{stroke:#8CC8FF;stroke-width:3;stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1),stroke .4s}
.rb24 .hd{stroke:#8CC8FF;stroke-width:3;opacity:0;transition:opacity .3s .6s}
.rb24 .gh{stroke:rgba(140,200,255,.35);stroke-width:1.6;stroke-dasharray:3 3}
.rb24 .bs{stroke:rgba(140,200,255,.3);stroke-width:6}
.rb24 .dt{fill:#8CC8FF;stroke:none;opacity:0;transition:opacity .3s .5s}
.g12rv.on .rb24 .ln{stroke-dashoffset:0;stroke:#fff}
.g12rv.on .rb24 .hd{opacity:1;stroke:#fff}
.g12rv.on .rb24 .dt{opacity:1;fill:#fff}
.g12rv.on .rb24.k-up .ln,.g12rv.on .rb24.k-up .hd{stroke:#0083FF}
.g12rv.on .rb24 .ln{filter:drop-shadow(0 0 3px rgba(0,131,255,.6))}
.rb24w .g12rvh .ic,.oi24w .g12rvh .ic{background:none!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important}
/* NT-73 · el foco que se desplaza */
.fo24{display:flex;flex-direction:column;gap:12px;width:100%}
.fo24t{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:6px 0 2px}
.fo24c{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1.5px solid rgba(140,200,255,.45);font-size:15.5px;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s,background .45s,border-color .45s,box-shadow .45s}
.fo24c .ic{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(0,131,255,.25)}
.fo24c b{font-weight:760;color:#fff}
.fo24c.on{opacity:1;transform:none}
.fo24c.foc{background:#0083FF;border-color:#fff;box-shadow:0 0 0 6px rgba(0,131,255,.22),0 12px 30px -8px rgba(0,131,255,.7)}
.fo24c.foc .ic{background:rgba(255,255,255,.22)}
.fo24c.pl{animation:fo24p .7s ease}
@keyframes fo24p{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
.fo24f,.fo24k{position:absolute;top:-10px;right:-10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:all .35s}
.fo24f{background:#fff;color:#0083FF}.fo24f svg{stroke:#0083FF}
.fo24k{background:#0E9F6E;border:1.5px solid #fff}.fo24k svg{stroke:#fff}
.fo24c.foc .fo24f{opacity:1;transform:none}
.fo24c.keep:not(.foc) .fo24k{opacity:1;transform:none}
.fo24c.keep.foc .fo24k{opacity:1;transform:none;right:18px}
.fo24s{display:flex;flex-direction:column;gap:8px}
.fo24 .st23:not(.on){display:none}
.fo24 .st23.on{animation:ga21in .45s ease both}
.fo24p{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.22)}
.fo24p.cur{border-color:#0083FF;background:rgba(0,131,255,.14)}
.fo24 .st23b{align-self:flex-start}
/* NT-74 · comunicado e interpretación */
.lc24{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:center;width:100%}
.lc24a{display:grid;place-items:center;color:#8CC8FF}.lc24a svg{stroke:#8CC8FF}
.lc24i{position:relative;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1.5px dashed rgba(140,200,255,.6);transition:border-color .4s,background .4s}
.lc24i .ic{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.25)}
.lc24m{position:absolute;top:-11px;right:-11px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#FFB020;border:1.5px solid #fff;opacity:0;transform:scale(.5);transition:all .35s}
.lc24m svg{stroke:#00277B}
.lc24i.x{border-color:#FFB020;border-style:solid;background:rgba(255,176,32,.08)}
.lc24i.x .lc24m{opacity:1;transform:none}
@media (max-width:760px){.lc24{grid-template-columns:minmax(0,1fr)}.lc24a{transform:rotate(90deg);height:24px}}
/* NT-75 · orientación o instrucción */
.ic svg.oi24,.g12rv .ic svg.oi24{width:46px!important;height:46px!important;max-width:none!important}
.oi24w{--icw:56px}
.oi24{width:48px;height:48px;display:block;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.oi24 .r{stroke:#8CC8FF;stroke-width:2;fill:rgba(255,255,255,.05)}
.oi24 .tk{stroke:rgba(140,200,255,.6);stroke-width:2}
.oi24 .nd{fill:rgba(140,200,255,.35);stroke:#fff;stroke-width:1.4;transform-origin:24px 24px;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.oi24 .nd2{fill:#0083FF;stroke:none;transform-origin:24px 24px;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.oi24 .c{fill:#fff}
.oi24 .tp{fill:#0083FF;stroke:#fff;stroke-width:1.4}
.oi24 .ck{stroke:#fff;stroke-width:2.4;stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .6s .1s}
.oi24 .ln{stroke:rgba(140,200,255,.7);stroke-width:2.4}
.g12rv:not(.on) .oi24 .nd,.g12rv:not(.on) .oi24 .nd2{transform:rotate(-50deg)}
.g12rv.on .oi24 .ck,.oi24c .oi24 .ck{stroke-dashoffset:0}
.oi24s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.oi24c{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1.5px solid rgba(140,200,255,.45)}
.oi24c .ic{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:rgba(0,131,255,.16)}
.oi24c.k-i{border-color:#0083FF}
@media (max-width:760px){.oi24s{grid-template-columns:minmax(0,1fr)}}
/* NT-76 · la comunicación desglosada */
.ds24{display:flex;flex-direction:column;gap:10px;width:100%}
.ds24 .mailc p{font-size:16px;line-height:1.55}
.ds24m{background:none;color:inherit;padding:0 2px;border-bottom:2px dashed #9CCBFF;border-radius:3px;transition:background .4s,color .4s}
.ds24m sup{font-size:10.5px;font-weight:800;margin-left:2px;color:#0062CC}
.ds24m.on{background:#0083FF;color:#fff!important;border-bottom-color:#00277B}
.ds24m.on sup{color:#fff}
.ds24r .g12rvn{background:#0062CC}
/* NT-77 · punto de control */
.ct24{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:8px;align-items:stretch;width:100%}
.ct24z{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px}
.ct24z .ic{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px}
.ct24z.a{background:rgba(0,131,255,.14);border:1.5px solid #0083FF}.ct24z.a .ic{background:#0083FF}
.ct24z.b{background:rgba(255,255,255,.05);border:1.5px dashed rgba(140,200,255,.6)}.ct24z.b .ic{background:rgba(255,176,32,.2);border:1.5px solid #FFB020}
.ct24g{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.ct24g i{flex:1 1 auto;width:0;border-left:3px solid #FFB020;min-height:12px}
.ct24g .ic{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#FFB020}
.ct24g .ic svg{stroke:#00277B}
@media (max-width:760px){.ct24{grid-template-columns:minmax(0,1fr)}.ct24g{flex-direction:row;height:36px}.ct24g i{height:0;width:auto;min-width:20px;border-left:0;border-top:3px solid #FFB020}}
.ct24h{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8CC8FF;padding:2px 2px}
.ct24h .ic{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(0,131,255,.25)}
.ct24h.b{flex-direction:column;align-items:stretch;gap:8px;margin-top:4px}
.ct24hl{display:flex;align-items:center;gap:10px;color:#FFD27A}
.ct24hl .ic{background:rgba(255,176,32,.2)}
.ct24bar{display:flex;align-items:center;gap:8px;color:#FFB020}
.ct24bar i{flex:1 1 auto;border-top:2.5px dashed #FFB020}
.ct24bar svg{stroke:#FFB020}
.ct24t{--icw:40px}
.ct24t .g12rv[data-j="3"],.ct24t .g12rv[data-j="4"]{border-style:dashed}
.ct24t .g12rv[data-j="3"] .g12rvn,.ct24t .g12rv[data-j="4"] .g12rvn{background:#8A5A00}
/* NT-78 · tres cambios a la vez: un color por cambio en todas las pantallas del caso */
.cg24 .g12rv[data-j="0"]{--cg:#0062CC}.cg24 .g12rv[data-j="1"]{--cg:#8CC8FF}.cg24 .g12rv[data-j="2"]{--cg:#FFB020}
.cg24 .g12rv{border-left:5px solid var(--cg)!important}
.cg24 .g12rv .g12rvn{background:var(--cg);color:#00277B}
.cg24 .g12rv[data-j="0"] .g12rvn{color:#fff}
.cg24 .g12rv .ic{box-shadow:inset 0 0 0 1.5px var(--cg)}
/* reflexión con dos frases de contexto, cuadro del módulo con 3 columnas */
.sm.c3 .smr,.sm.c3 .smh{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.25fr)}
@media (max-width:760px){.sm.c3 .smr,.sm.c3 .smh{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.rb24 *,.fo24c,.oi24 *,.lc24i,.lc24m,.ds24m{transition:none!important;animation:none!important}}
.ct24t{gap:6px!important}
.ct24t .g12rv{padding:7px 14px!important;row-gap:0!important}
.ct24t .g12rvt b{font-size:15px}
.ct24t .g12rvb .p{font-size:14.5px}
.ct24h{padding:0 2px;font-size:12px}
.ct24h.b{margin-top:2px;gap:4px}
@media (min-width:761px){.ct24t .g12rv{grid-template-areas:"h t b"!important;min-height:0!important}
.ct24t .g12rv .ocxk{grid-area:t}
.ct24t .g12rv.on .ocxk{display:none!important}}
/* ===== C1-nuevo v3 · cabecera del Módulo 3 + apartado 3.1 · componentes nuevos (NT-79…NT-85) ===== */
/* BOX-01 · lista en una tarjeta */
.ul31 ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.ul31 li{font-size:16px;line-height:1.45}
.ul31 li::marker{color:#8CC8FF}
/* NT-79 · quién decide qué: capas con sello fijo y sangría creciente */
.ly31 .g12rv{position:relative}
.ly31i{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.ly31i.k-n{background:#0062CC}.ly31i.k-a{background:rgba(140,200,255,.28)}.ly31i.k-d{background:rgba(255,176,32,.22)}
.ly31i.k-d svg{stroke:#FFD27A}
.ly31 .g12rv .g12rvh .ic{overflow:hidden}
.ly31 .g12rvh .ic{background:none!important;border:0!important;box-shadow:none!important}
@media (min-width:761px){.ly31 .g12rv[data-j="1"]{margin-left:28px}.ly31 .g12rv[data-j="2"]{margin-left:56px}}
.ly31 .g12rv+.g12rv::before{content:"";position:absolute;left:30px;top:-12px;width:2px;height:12px;background:linear-gradient(#8CC8FF,rgba(140,200,255,.2))}
/* NT-80 · el recorrido de una decisión */
.rl31{position:relative;display:flex;flex-direction:column;gap:10px;width:100%}
.rl31r{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:stretch}
.rl31r:not(.on){display:none}
.rl31r.on{animation:ga21in .45s ease both}
.rl31n{position:relative;display:flex;justify-content:center}
.rl31n b{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0062CC;border:2px solid #8CC8FF;font-weight:800;font-size:16px;color:#fff;margin-top:8px}
.rl31r:not(.last) .rl31n::after{content:"";position:absolute;top:46px;bottom:-14px;left:50%;width:2px;margin-left:-1px;background:rgba(140,200,255,.45)}
.rl31r.last .rl31n b{background:#FFB020;border-color:#fff;color:#00277B}
.rl31c{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25)}
.rl31r.cur .rl31c{border-color:#0083FF;background:rgba(0,131,255,.14)}
.rl31c .ic{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.25)}
.rl31r.last .rl31c .ic{background:rgba(255,176,32,.25)}
.rl31x h3{margin:0 0 4px;font-size:16.5px;font-weight:760;color:#fff}
.rl31x p{margin:0;font-size:15.5px;line-height:1.45;color:#DCEBFF}
.rl31 .st23b{align-self:flex-start;margin-left:56px}
/* NT-81 · las cuatro comprobaciones: icono fijo por dimensión */
.ck31i{display:grid;place-items:center;flex:0 0 auto;border-radius:10px}
.ck31i.d-q{background:rgba(0,131,255,.3)}.ck31i.d-a{background:rgba(140,200,255,.25)}.ck31i.d-f{background:rgba(255,176,32,.22)}.ck31i.d-c{background:rgba(14,159,110,.28)}
.ck31i.d-f svg{stroke:#FFD27A}.ck31i.d-c svg{stroke:#7FE0B8}
.g12rv .ic .ck31i{width:100%;height:100%}
.ck31l .ck23r .ck31i{width:32px;height:32px}
.ck31l .ck23r{align-items:center}
/* NT-82 · tres tipos de comunicación */
.ty31{display:flex;flex-direction:column;gap:10px;width:100%}
.ty31l{display:flex;gap:10px}
.ty31l span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(140,200,255,.2);opacity:.45}
.ty31l span.on{opacity:1;border-color:#8CC8FF;background:rgba(0,131,255,.2)}
.ty31l svg.oi24{width:28px;height:28px}
.ty31c{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(0,98,204,.22);border:1.5px solid #0083FF}
.ty31.k-r .ty31c{background:rgba(140,200,255,.12);border-color:#8CC8FF}
.ty31.k-o .ty31c{background:rgba(255,176,32,.08);border-color:#FFB020}
.ty31g{flex:0 0 auto;width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.06)}
.ty31g svg.oi24{width:52px;height:52px}
.oi24.k-r .r{stroke:#8CC8FF;fill:rgba(140,200,255,.12)}
.oi24.k-r .ck{stroke:#fff;stroke-width:2.4;stroke-dasharray:none;stroke-dashoffset:0}
.ty31 .oi24 .ck,.dec31 .oi24 .ck,.ty31l .oi24 .ck{stroke-dashoffset:0}
.ty31 .oi24 .nd,.ty31 .oi24 .nd2{transform:rotate(-25deg)}
/* NT-83 · decodificador con sello de tipo */
.ty31s{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.ty31s svg.oi24{width:40px!important;height:40px!important}
.dec31 .g12rvh .ic{background:none!important;border:0!important;box-shadow:none!important;width:52px!important;height:52px!important}
.dec31 .g12rv .g12rvb .p{display:block}
.dec31 .g12rv .g12rvb .p+.p{margin-top:6px}
.dec31 .dec31n{color:#fff}
.dec31 .g12rv.on .ty31s.k-i{background:rgba(0,98,204,.35)}
.dec31 .g12rv.on .ty31s.k-r{background:rgba(140,200,255,.18)}
.dec31 .g12rv.on .ty31s.k-o{background:rgba(255,176,32,.14)}
.ib31 .g12rvh .ic{background:rgba(0,131,255,.25)}
/* NT-84 · la versión vigente */
.vr31{display:flex;flex-direction:column;gap:10px;width:100%}
.vr31r{display:flex;gap:14px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1.5px solid rgba(140,200,255,.35);transition:opacity .5s,border-color .4s,background .4s}
.vr31r:not(.on){display:none}
.vr31r.on{animation:ga21in .45s ease both}
.vr31r.cur{border-color:#0083FF;background:rgba(0,131,255,.14)}
.vr31d{position:relative;flex:0 0 auto}
.vr31d .ic{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.25)}
.vr31m{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#FFB020;border:1.5px solid #fff;opacity:0;transform:scale(.5);transition:all .35s}
.vr31m svg{stroke:#00277B}
.vr31r.old{opacity:.55;border-style:dashed;border-color:#FFB020;background:rgba(255,176,32,.05)}
.vr31r.old .vr31m{opacity:1;transform:none}
.vr31r.w{border-color:#FFB020}
.vr31r.w .vr31d .ic{background:rgba(255,176,32,.25)}
.vr31r.w .vr31d .ic svg{stroke:#FFD27A}
.vr31 .st23b{align-self:flex-start}
/* NT-85 · los tres momentos de la contratación */
.mo31{display:flex;flex-direction:column;gap:12px;width:100%}
.mo31t{position:relative;height:22px;margin:0 calc(100%/(var(--n,3)*2));margin:0 16.66%}
.mo31t::before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:rgba(140,200,255,.22)}
.mo31f{position:absolute;left:0;top:9px;height:4px;width:0;border-radius:2px;background:#0083FF;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.mo31p{position:absolute;top:2px;left:calc(var(--x)*100%);width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#00277B;border:3px solid rgba(140,200,255,.45);transition:all .4s}
.mo31p.on{background:#0083FF;border-color:#fff;box-shadow:0 0 0 5px rgba(0,131,255,.25)}
.mo31g{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px}
.mo31r{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25)}
.mo31r:not(.on){visibility:hidden}
.mo31r.on{animation:ga21in .45s ease both}
.mo31r.cur{border-color:#0083FF;background:rgba(0,131,255,.14)}
.mo31n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0062CC;font-weight:800;font-size:14px;color:#fff}
.mo31r b{font-size:16px;color:#fff;font-weight:760}
.mo31r p{margin:0;font-size:15.5px;line-height:1.45;color:#DCEBFF}
.mo31r .r4k{display:block;opacity:.85}
.mo31 .st23b{align-self:flex-start}
@media (max-width:760px){.mo31t{display:none}.mo31g{grid-template-columns:minmax(0,1fr)}.mo31r:not(.on){display:none}
 .mo31r{border-left:4px solid rgba(140,200,255,.35)}.mo31r.on{border-left-color:#0083FF}}
@media (prefers-reduced-motion:reduce){.rl31r,.vr31r,.vr31m,.mo31f,.mo31p,.mo31r{transition:none!important;animation:none!important}}
/* ===== C1-nuevo v3 · apartado 3.2 · componentes nuevos (NT-86…NT-92) ===== */
/* NT-86 · información en los dos sentidos */
.dr32{display:flex;flex-direction:column;gap:12px;width:100%}
.dr32d{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25)}
.dr32n{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}
.dr32n b{font-weight:760}
.dr32n .ic{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.25)}
.dr32n.d .ic{background:rgba(255,176,32,.22)}.dr32n.d .ic svg{stroke:#FFD27A}
.dr32l{position:relative;display:flex;flex-direction:column;gap:10px}
.dr32l i{position:relative;display:block;height:3px;border-radius:2px;background:rgba(140,200,255,.25);transition:background .4s}
.dr32l i::after{content:"";position:absolute;top:-5px;width:0;height:0;border:6.5px solid transparent}
.dr32l i.ad::after{right:-4px;border-left:9px solid rgba(140,200,255,.25);border-right:0}
.dr32l i.da::after{left:-4px;border-right:9px solid rgba(140,200,255,.25);border-left:0}
.dr32.m-both .dr32l i,.dr32.m-ad .dr32l i.ad,.dr32.m-da .dr32l i.da{background:#0083FF;animation:dr32f .7s ease both}
.dr32.m-both .dr32l i.ad::after,.dr32.m-ad .dr32l i.ad::after{border-left-color:#0083FF}
.dr32.m-both .dr32l i.da::after,.dr32.m-da .dr32l i.da::after{border-right-color:#0083FF}
.dr32.m-both .dr32l i.da{animation-delay:.35s}
@keyframes dr32f{from{transform:scaleX(.2);opacity:.3}to{transform:none;opacity:1}}
/* NT-87 · dos circuitos de información */
.ci32{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;width:100%}
.ci32c{display:flex;justify-content:center}
.ci32c .ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#0062CC;border:2px solid #8CC8FF}
.ci32b{position:relative;display:flex;flex-direction:column;gap:10px;padding-left:18px}
.ci32b::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;background:rgba(140,200,255,.45)}
.ci32r{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.3);animation:ga21in .45s ease both}
.ci32r::before{content:"";position:absolute;left:-18px;top:24px;width:18px;height:2px;background:rgba(140,200,255,.45)}
.ci32r .ic{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.25)}
.ci32r.d{border-color:#FFB020;background:rgba(255,176,32,.07);animation-delay:.45s}
.ci32r.d .ic{background:rgba(255,176,32,.22)}.ci32r.d .ic svg{stroke:#FFD27A}
.ci32r p{margin:0}
/* NT-88 · la señal y su explicación */
.sg32{display:flex;flex-direction:column;gap:10px;width:100%}
.sg32r{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25)}
.sg32r:not(.on){display:none}.sg32r.on{animation:ga21in .45s ease both}
.sg32r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.sg32r>.ic{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.25)}
.sg32r.k-d>.ic{background:rgba(255,176,32,.22)}.sg32r.k-d>.ic svg{stroke:#FFD27A}
.sg32r p{margin:0}
.sg32f{flex-direction:column}
.sg32h{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.sg32o{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:12px;font-size:15.5px;line-height:1.45;color:#DCEBFF;border:1.5px dashed rgba(140,200,255,.35)}
.sg32o .ic{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.06)}
.sg32o.no{opacity:.7}
.sg32o.ok{border-style:solid;border-color:#0E9F6E;background:rgba(14,159,110,.14);color:#fff;animation:ga21in .45s .5s ease both}
.sg32o.ok .ic{background:rgba(14,159,110,.35)}.sg32o.ok .ic svg{stroke:#7FE0B8}
.sg32 .st23b{align-self:flex-start}
/* NT-89 · la comunicación estructurada */
.in32{display:flex;flex-direction:column;width:100%;border-radius:16px;overflow:hidden;border:1.5px solid rgba(140,200,255,.45);background:rgba(255,255,255,.04)}
.in32h{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(0,98,204,.35);border-bottom:1px solid rgba(140,200,255,.3)}
.in32h .ic{width:26px;height:26px;display:grid;place-items:center}
.in32h i{width:40px;height:6px;border-radius:3px;background:rgba(255,255,255,.18)}
.in32h i:nth-child(3){width:70px}.in32h i:nth-child(4){width:24px}
.in32r{position:relative;display:flex;gap:12px;align-items:flex-start;padding:10px 16px;border-bottom:1px solid rgba(140,200,255,.15)}
.in32i{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);opacity:.55;transition:all .35s}
.in32x{flex:1 1 auto;min-width:0}
.in32x b{display:block;color:#fff;font-size:16px;font-weight:760}
.in32x p{margin:2px 0 0;font-size:15.5px;line-height:1.45;color:#DCEBFF}
.in32x p.lead{color:#fff}
.in32r:not(.on) .in32x{visibility:hidden}
.in32s{position:absolute;left:60px;right:16px;top:14px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.in32s i{height:8px;border-radius:4px;background:rgba(255,255,255,.08)}.in32s i+i{width:60%}
.in32r.on .in32s{display:none}
.in32r.on{animation:ga21in .4s ease both}
.in32r.on .in32i{opacity:1;background:rgba(0,131,255,.25)}
.in32r.cur{background:rgba(0,131,255,.10)}
.in32r .in32i.d-c,.in32r .in32i.d-u{}
.in32r.on .in32i.d-u,.in32r.on .in32i.d-c{background:rgba(255,176,32,.22)}.in32r.on .in32i.d-u svg,.in32r.on .in32i.d-c svg{stroke:#FFD27A}
.in32 .st23b{margin:12px 16px 14px;align-self:flex-start}
/* NT-90 · de casos sueltos a patrón */
.rp32{display:flex;flex-direction:column;gap:10px;width:100%;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25)}
.rp32t{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rp32c{position:relative;width:40px;height:46px;display:grid;place-items:center;border-radius:8px;background:rgba(140,200,255,.12);border:1px solid rgba(140,200,255,.35);animation:ga21in .4s var(--d) ease both}
.rp32c i{position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #fff}
.rp32c i.ok{background:#0E9F6E}.rp32c i.w{background:#FFB020}.rp32c i.w svg{stroke:#00277B}
.rp32b{display:flex;align-items:center;gap:8px;margin-left:6px;padding-left:16px;border-left:3px solid #FFB020;animation:ga21in .45s .8s ease both}
.rp32b .ic{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,176,32,.25)}
.rp32b .ic svg{stroke:#FFD27A}
.rp32 p{margin:0;animation:ga21in .45s .9s ease both}
/* NT-91 · lo necesario para actuar */
.fi32{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:0;align-items:stretch;width:100%}
.fi32a{position:relative;padding:12px;border-radius:16px;border:1.5px solid rgba(140,200,255,.4);background:rgba(0,39,123,.35)}
.fi32k{position:absolute;top:-14px;left:14px}
.fi32k .ic{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#0062CC;border:1.5px solid #8CC8FF}
.fi32in{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-top:6px;border-radius:12px;border:1.5px dashed rgba(140,200,255,.35);opacity:.72}
.fi32in .ic{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08)}
.fi32in p,.fi32b p{margin:0}
.fi32g{position:relative;display:flex;align-items:center}
.fi32g i{position:relative;display:block;width:100%;height:3px;background:#0083FF;animation:dr32f .5s .35s ease both}
.fi32g i::after{content:"";position:absolute;right:-2px;top:-5px;border:6.5px solid transparent;border-left:9px solid #0083FF;border-right:0}
.fi32b{position:relative;display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1.5px solid #0E9F6E;background:rgba(14,159,110,.12);animation:ga21in .45s .55s ease both}
.fi32b>.ic{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(14,159,110,.35)}
.fi32b>.ic svg{stroke:#7FE0B8}
.fi32u{position:absolute;top:-12px;right:12px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#FFB020;border:1.5px solid #fff}
.fi32u svg{stroke:#00277B}
@media (max-width:760px){.fi32{grid-template-columns:minmax(0,1fr)}.fi32g{height:30px;justify-content:center}.fi32g i{width:3px;height:100%}.fi32g i::after{right:auto;left:-5px;top:auto;bottom:-4px;border:6.5px solid transparent;border-top:9px solid #0083FF;border-bottom:0}}
/* NT-92 · incidencia, dificultad o necesidad */
.si32s{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.si32s.k-i{background:rgba(0,98,204,.35)}.si32s.k-d{background:rgba(255,176,32,.18)}.si32s.k-d svg{stroke:#FFD27A}.si32s.k-n{background:rgba(14,159,110,.25)}.si32s.k-n svg{stroke:#7FE0B8}
.si32 .g12rvb .si32e{opacity:.92;font-style:italic}
.si32c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.si32k{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.3);animation:ga21in .45s ease both}
.si32k:nth-child(2){animation-delay:.25s}.si32k:nth-child(3){animation-delay:.5s}
.si32k .si32s{width:40px;height:40px;border-radius:10px}
.si32k p{margin:0}
@media (max-width:760px){.si32c{grid-template-columns:minmax(0,1fr)}.sg32h{grid-template-columns:minmax(0,1fr)}.dr32d{grid-template-columns:minmax(0,1fr);justify-items:center}.dr32l{width:60%}}
/* criterios «Primero…» y NT-85 con 4 hitos */
.cr32 .g12rvt small{display:block}
.mo31.n4 .mo31t{margin:0 12.5%}
/* NT-21 sin cabecera: pregunta encima del campo */
.gt32 .gtr{grid-template-columns:minmax(0,1fr)}
@media (prefers-reduced-motion:reduce){.dr32l i,.ci32r,.sg32r,.sg32o,.in32r,.rp32c,.rp32b,.rp32 p,.fi32g i,.fi32b,.si32k{animation:none!important;transition:none!important}}
/* ===== C1-nuevo v3 · apartado 3.3 · componentes nuevos (NT-93…NT-99) ===== */
.g33c5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (max-width:1100px){.g33c5{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.g33c5{grid-template-columns:minmax(0,1fr)!important}}
/* NT-93 · la ruta con desvío */
.ro33{display:flex;flex-direction:column;gap:12px;width:100%}
.ro33d{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25)}
.ro33n{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}.ro33n b{font-weight:760}
.ro33n .ic{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.25)}
.ro33n.d .ic{background:rgba(255,176,32,.22)}.ro33n.d .ic svg{stroke:#FFD27A}
.ro33l{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:64px;justify-content:center}
.ro33l i.hab{order:2;display:block;height:0;border-top:2px dashed rgba(140,200,255,.35);margin:0 4px}
.ro33x{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0}
.ro33x i{display:block;height:3px;background:#0083FF;border-radius:2px;animation:dr32f .6s ease both}
.ro33x i.dn{animation-delay:.6s;position:relative}
.ro33x i.dn::after{content:"";position:absolute;right:-4px;top:-5px;border:6.5px solid transparent;border-left:9px solid #0083FF;border-right:0}
.ro33e{position:relative;z-index:1;margin:0 6px}
.ro33e .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0062CC;border:2px solid #8CC8FF;animation:ga21in .45s .3s ease both}
.ro33 p{margin:0}
@media (max-width:760px){.ro33d{grid-template-columns:minmax(0,1fr);justify-items:center}.ro33l{width:70%}}
/* NT-94 · tres funciones, tres miradas */
.fn33s{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.fn33s.k-c{background:rgba(255,176,32,.22)}.fn33s.k-c svg{stroke:#FFD27A}
.fn33s.k-s{background:rgba(0,98,204,.55)}.fn33s.k-s svg{stroke:#fff}
.fn33s.k-g{background:rgba(140,200,255,.16);box-shadow:inset 0 0 0 1.5px #8CC8FF}.fn33s.k-g svg{stroke:#CFE6FF}
.fn33s.k-t,.fn33s.k-j{background:rgba(255,255,255,.08)}
.fn33t .g12rvb .fn33e{opacity:.92}
.fn33p>.fn33s,.fs33r>.fn33s,.ca33r>.fn33s{flex:0 0 auto;width:40px;height:40px;border-radius:11px}
.fn33r{display:flex;align-items:center;gap:0;margin-bottom:2px}
.fn33r>i{display:block;width:34px;height:2px;background:rgba(140,200,255,.45)}
.fn33b{width:46px;height:46px;border-radius:13px;display:block;animation:ga21in .45s var(--d) ease both}
.le33{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.le33z{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.3);animation:ga21in .45s ease both}
.le33z.g{animation-delay:.35s;border-color:#8CC8FF}
.le33z p{margin:0}
.le33v{display:flex;align-items:center;gap:12px}
.le33v>.fn33s{width:40px;height:40px;border-radius:11px;flex:0 0 auto}
.le33g{display:grid;grid-template-columns:repeat(6,14px);gap:5px}
.le33g i{display:block;width:14px;height:18px;border-radius:3px;background:rgba(140,200,255,.15);border:1px solid rgba(140,200,255,.3)}
.le33g.one i.on{background:#0083FF;border-color:#fff;box-shadow:0 0 0 3px rgba(0,131,255,.35)}
.le33g.all i.on{background:rgba(140,200,255,.45);border-color:#CFE6FF}
.le33g.all{padding:4px;border-radius:8px;box-shadow:0 0 0 1.5px #8CC8FF}
@media (max-width:760px){.le33{grid-template-columns:minmax(0,1fr)}}
.fs33,.ca33{display:flex;flex-direction:column;gap:10px;width:100%}
.fs33r,.ca33r{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.25)}
.fs33r.cur,.ca33r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.fs33r p,.ca33r p{margin:0}
.ca33r{position:relative}
.ca33r:not(.last)::after{content:"";position:absolute;left:35px;top:100%;height:10px;border-left:3px dashed #8CC8FF}
.ca33x b{display:block;color:#fff;font-size:16px;font-weight:760}
.ca33x p{margin-top:2px;font-size:15.5px;line-height:1.45;color:#DCEBFF}
/* NT-95 · el circuito de la operación */
.tk33{position:relative;display:flex;flex-direction:column;gap:8px;width:100%}
.tk33r{position:relative;display:flex;gap:14px;align-items:flex-start;padding:10px 16px 10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(140,200,255,.22)}
.tk33r:not(.last)::after{content:"";position:absolute;left:31px;top:52px;bottom:-9px;width:3px;border-radius:2px;background:#0083FF;animation:dr33v .5s .2s ease both;transform-origin:top}
.tk33r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.tk33i{position:relative;z-index:1;flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0062CC;border:2px solid #8CC8FF}
.tk33i.a-es,.tk33i.a-rs,.tk33i.a-ur{background:rgba(255,176,32,.25);border-color:#FFB020}.tk33i.a-es svg,.tk33i.a-rs svg,.tk33i.a-ur svg{stroke:#FFD27A}
.tk33i.a-ct,.tk33i.a-cl{background:rgba(14,159,110,.3);border-color:#7FE0B8}.tk33i.a-ct svg,.tk33i.a-cl svg{stroke:#BFF2DC}
.tk33x{flex:1 1 auto;min-width:0}
.tk33x small{display:block}
.tk33x small.tk33o{font-size:12.5px}
.tk33x b{display:block;color:#fff;font-size:16px;font-weight:760}
.tk33x p{margin:2px 0 0;font-size:15.5px;line-height:1.45;color:#DCEBFF}
.tk33x p.lead{color:#fff}
.tk33 .st23b{margin-left:66px}
@keyframes dr33v{from{transform:scaleY(0)}to{transform:none}}
/* NT-96 · valoración o autorización */
.va33s{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;border-radius:inherit}
.va33s.k-v{background:rgba(0,98,204,.5)}.va33s.k-v svg{stroke:#fff}
.va33s.k-a{background:rgba(255,176,32,.22)}.va33s.k-a svg{stroke:#FFD27A}
.va33s.k-b{background:linear-gradient(90deg,rgba(0,98,204,.5) 50%,rgba(255,176,32,.22) 50%)}.va33s.k-b svg{stroke:#fff}
.va33c{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1.5px solid rgba(140,200,255,.35)}
.va33c.k-a{border-color:#FFB020;background:rgba(255,176,32,.06)}
.va33c>.va33s{flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:2px dashed rgba(255,255,255,.55)}
.va33c p{margin:0}
.va33st{display:flex;align-items:center;gap:0;padding:4px 2px}
.va33b{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(0,98,204,.5);border:2px solid #8CC8FF}
.va33b i{position:absolute;right:-6px;bottom:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #fff}
.va33b.ok i{background:#0E9F6E}
.va33b.wt{background:rgba(255,176,32,.18);border-color:#FFB020;border-style:dashed}.va33b.wt svg{stroke:#FFD27A}.va33b.wt i{background:#FFB020}.va33b.wt i svg{stroke:#00277B}
.va33ln{display:block;width:46px;height:0;border-top:3px dashed rgba(140,200,255,.55)}
.va33t .g12rvh .ic .va33s.k-b{gap:0}
/* NT-97 · la urgencia ante el control */
.ur33{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
.ur33z{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px}
.ur33z p{margin:0}
.ur33z .ic{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:10px}
.ur33z.a{background:rgba(255,176,32,.08);border:1.5px solid #FFB020}
.ur33z.a .ic{background:#FFB020;animation:ur33p 1.6s ease-in-out 2}.ur33z.a .ic svg{stroke:#00277B}
.ur33z.b{background:rgba(255,255,255,.05);border:1.5px dashed rgba(140,200,255,.6)}
.ur33z.b .ic{background:rgba(0,98,204,.5);border:1.5px solid #8CC8FF}
.ur33g{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px}
.ur33g i{flex:1 1 auto;height:0;border-top:3px solid #8CC8FF}
.ur33g .ic{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#8CC8FF}.ur33g .ic svg{stroke:#00277B}
@keyframes ur33p{50%{transform:scale(1.1)}}
/* NT-98 · la voz del cliente */
.bu33{display:flex;flex-direction:column;gap:6px;width:100%}
.bu33l{margin:0}
.bu33m{display:flex;gap:10px;align-items:flex-end;max-width:min(100%,640px)}
.bu33.w-d .bu33m{flex-direction:row-reverse;align-self:flex-end}
.bu33a{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,176,32,.25);border:1.5px solid #FFB020}.bu33a svg{stroke:#FFD27A}
.bu33.w-d .bu33a{background:rgba(0,98,204,.55);border-color:#8CC8FF}.bu33.w-d .bu33a svg{stroke:#fff}
.bu33b{position:relative;padding:12px 16px;border-radius:18px 18px 18px 4px;background:rgba(255,176,32,.1);border:1.5px solid rgba(255,176,32,.6)}
.bu33.w-d .bu33b{border-radius:18px 18px 4px 18px;background:rgba(0,131,255,.14);border-color:#0083FF}
.bu33.ok .bu33b{border-color:#0E9F6E;background:rgba(14,159,110,.12)}
.bu33b p{margin:0;font-style:italic}
.bu33k{position:absolute;top:-10px;right:-10px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#0E9F6E;border:1.5px solid #fff}
.bu33.sm .bu33b p{font-size:15.5px}
.bu33s{display:flex;flex-direction:column;gap:10px;width:100%}
.bu33s>.st23.on{animation:ga21in .45s ease both}
.bu33s>.st23:nth-child(even) .bu33m{margin-left:28px}
/* NT-99 · ni silencio ni ruido */
.bl33{display:flex;flex-direction:column;gap:10px;width:100%}
.bl33e{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bl33z,.bl33m{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px}
.bl33z p,.bl33m p{margin:0}
.bl33z .ic,.bl33m .ic{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:10px}
.bl33z{background:rgba(255,255,255,.04);border:1.5px dashed rgba(255,176,32,.7)}
.bl33z .ic{background:rgba(255,176,32,.2)}.bl33z .ic svg{stroke:#FFD27A}
.bl33z.st23:not(.on){display:flex;visibility:hidden}
.bl33bar{position:relative;height:14px;margin:0 18%}
.bl33bar i{position:absolute;left:0;right:0;top:6px;height:3px;border-radius:2px;background:linear-gradient(90deg,#FFB020,rgba(140,200,255,.5) 35%,rgba(140,200,255,.5) 65%,#FFB020)}
.bl33bar b{position:absolute;left:50%;top:0;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#0E9F6E;border:2px solid #fff;opacity:0;transition:opacity .4s}
.bl33:has(.bl33m.on) .bl33bar b{opacity:1}
.bl33m{background:rgba(14,159,110,.12);border:1.5px solid #0E9F6E}
.bl33m .ic{background:rgba(14,159,110,.35)}.bl33m .ic svg{stroke:#7FE0B8}
@media (max-width:760px){.bl33e{grid-template-columns:minmax(0,1fr)}.bl33z.st23:not(.on){display:none}}
@media (prefers-reduced-motion:reduce){.ro33x i,.ro33e .ic,.fn33b,.le33z,.tk33r::after,.ur33z.a .ic,.bu33s>.st23.on{animation:none!important;transition:none!important}}
/* recorrido paso a paso (wSTEP23) de los componentes del 3.3: lo que aún no se ha descubierto no se ve */
.tk33 .st23:not(.on),.fs33 .st23:not(.on),.ca33 .st23:not(.on),.bu33s>.st23:not(.on),.bl33m.st23:not(.on){display:none}
.tk33 .st23.on,.fs33 .st23.on,.ca33 .st23.on,.bl33 .st23.on{animation:ga21in .45s ease both}
.tk33r.on:not(.last):not(:has(+.tk33r.on))::after,.ca33r.on:not(.last):not(:has(+.ca33r.on))::after{display:none}
@media (prefers-reduced-motion:reduce){.tk33 .st23.on,.fs33 .st23.on,.ca33 .st23.on,.bl33 .st23.on{animation:none!important}}
/* ===== C1-nuevo v3 · apartado 3.4 · componentes nuevos (NT-100…NT-106) ===== */
/* NT-100 · tres modelos de distribución: símbolo fijo por modelo */
.md34s{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.md34s.k-ag{background:rgba(255,176,32,.22)}.md34s.k-ag svg{stroke:#FFD27A}
.md34s.k-co{background:#0062CC;box-shadow:inset 0 0 0 1.5px #8CC8FF}.md34s.k-co svg{stroke:#fff}
.md34s.k-bk{background:rgba(140,200,255,.14);box-shadow:inset 0 0 0 1.5px #8CC8FF}.md34s.k-bk svg{stroke:#CFE6FF}
.md34s.k-of,.md34s.k-ex{background:rgba(255,255,255,.09)}.md34s.k-of svg,.md34s.k-ex svg{stroke:#fff}
.md34p>.md34s,.md34h>.md34s,.pz34r>.md34s,.ch34r>.md34s,.md34k>.md34s{flex:0 0 auto;width:40px;height:40px;border-radius:11px}
.md34p{align-items:flex-start}
.md34h{display:flex;align-items:center;gap:14px}.md34h>.md34s{width:46px;height:46px;border-radius:13px}
.md34r{display:flex;align-items:center;gap:0;margin-bottom:2px}
.md34r>i{display:block;width:34px;height:2px;background:rgba(140,200,255,.45)}
.md34b{width:46px;height:46px;border-radius:13px;display:block;animation:ga21in .45s var(--d) ease both}
.md34c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.md34k{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28);animation:ga21in .45s var(--d) ease both}
.md34k.k-ag{border-color:rgba(255,176,32,.55)}
.md34k p{margin:0}
.md34og .oc>.md34s{width:44px;height:44px;border-radius:12px;margin:2px 0 6px}
.md34tail{margin-top:10px}
.g12rv .ic>.md34s,.g12rv .ic .md34s{border-radius:inherit}
.md34t .g12rvh .ic,.md34d .g12rvh .ic{overflow:hidden}
@media (max-width:760px){.md34c{grid-template-columns:minmax(0,1fr)}}
/* una decisión, tres destinos */
.pz34{display:flex;flex-direction:column;gap:0;width:100%}
.pz34s{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(0,131,255,.12);border:1.5px solid #0083FF}
.pz34s .ic{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#0083FF}
.pz34s p{margin:0}
.pz34b{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:22px}
.pz34b::before{content:"";position:absolute;top:10px;left:16.6%;right:16.6%;border-top:3px solid #8CC8FF;border-radius:2px}
.pz34r{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.pz34r::before{content:"";position:absolute;top:-12px;left:50%;height:12px;border-left:3px solid #8CC8FF}
.pz34r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.pz34r p{margin:0}
.pz34 .st23:not(.on){visibility:hidden}
.pz34 .st23.on{animation:ga21in .45s ease both}
.pz34 .st23b{align-self:flex-start;margin-top:12px}
@media (max-width:760px){.pz34b{grid-template-columns:minmax(0,1fr);padding-top:12px;padding-left:22px}.pz34b::before{top:0;bottom:24px;left:9px;right:auto;border-top:0;border-left:3px solid #8CC8FF}.pz34r::before{top:50%;left:-13px;height:0;width:13px;border-left:0;border-top:3px solid #8CC8FF}.pz34 .st23:not(.on){display:none}}
/* NT-101 · un fin común, un camino por canal */
.ch34{display:flex;flex-direction:column;gap:0;width:100%}
.ch34h{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:16px;background:rgba(0,131,255,.12);border:1.5px solid #0083FF}
.ch34h.e{align-self:flex-start;padding:8px}
.ch34h .ic{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0083FF}
.ch34h p{margin:0}
.ch34u{margin:12px 0 0}
.ch34l{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 0 0 30px}
.ch34l::before{content:"";position:absolute;left:28px;top:0;bottom:22px;border-left:3px solid #8CC8FF}
.ch34h.e+.ch34l::before{left:28px}
.ch34r{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28);margin-left:22px}
.ch34r::before{content:"";position:absolute;left:-22px;top:30px;width:22px;border-top:3px solid #8CC8FF}
.ch34r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.ch34r p{margin:0}
.ch34 .st23:not(.on){display:none}
.ch34 .st23.on{animation:ga21in .45s ease both}
.ch34 .st23b{align-self:flex-start;margin:12px 0 0 74px}
@media (max-width:760px){.ch34l{padding-left:8px}.ch34l::before{left:8px}.ch34r{margin-left:18px}.ch34r::before{left:-18px;width:18px}.ch34 .st23b{margin-left:26px}}
/* NT-102 · las tres zonas de las facultades */
.fa34{display:flex;flex-direction:column;gap:10px;width:100%}
.fa34r{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px}
.fa34r p{margin:0}
.fa34r .ic{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}
.fa34r.z0{background:rgba(255,176,32,.08);border:1.5px solid #FFB020}.fa34r.z0 .ic{background:#FFB020}.fa34r.z0 .ic svg{stroke:#00277B}
.fa34r.z1{background:rgba(0,131,255,.12);border:1.5px solid #0083FF}.fa34r.z1 .ic{background:#0083FF}
.fa34r.z2{background:rgba(255,255,255,.05);border:1.5px dashed rgba(140,200,255,.7)}.fa34r.z2 .ic{background:rgba(140,200,255,.18);border:1.5px solid #8CC8FF}
.fa34 .st23:not(.on){display:none}
.fa34 .st23.on{animation:ga21in .45s ease both}
.fa34 .st23b{align-self:flex-start}
/* NT-103 · el mercado no responde igual */
.mk34{display:flex;flex-direction:column;gap:10px;width:100%}
.mk34.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mk34r{display:flex;gap:14px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.mk34.two .mk34r{animation:ga21in .45s var(--d) ease both}
.mk34r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.mk34a{position:relative;flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.09)}
.mk34a>.ic svg{stroke:#fff}
.mk34s{position:absolute;right:-8px;bottom:-8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:2px solid #00277B}
.mk34s svg{width:15px;height:15px}
.mk34s.s-k,.mk34s.s-c{background:#0E9F6E}.mk34s.s-k svg,.mk34s.s-c svg{stroke:#fff}
.mk34s.s-v{background:#0062CC}.mk34s.s-v svg{stroke:#fff}
.mk34s.s-x{background:#8CC8FF}.mk34s.s-x svg{stroke:#00277B}
.mk34s.s-m{background:#FFB020}.mk34s.s-m svg{stroke:#00277B}
.mk34s.s-c i{position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:#FFB020;border:1.5px solid #00277B}
.mk34x{flex:1 1 auto;min-width:0}
.mk34x small{display:block}
.mk34x b{display:block;color:#fff;font-size:16px;font-weight:760}
.mk34x p{margin:2px 0 0;font-size:15.5px;line-height:1.45;color:#DCEBFF}
.mk34x p.lead{margin:0;color:#fff}
.mk34 .st23:not(.on){display:none}
.mk34 .st23.on{animation:ga21in .45s ease both}
.mk34 .st23b{align-self:flex-start}
@media (max-width:760px){.mk34.two{grid-template-columns:minmax(0,1fr)}}
/* NT-103 con cabecera (TAB-03): «Aseguradora | Respuesta» en el mismo bloque y con las mismas columnas */
.mk34h{display:grid;grid-template-columns:44px 150px minmax(0,1fr);gap:14px;padding:0 17px}
.mk34h .r4k{margin:0}
.mk34.hd .mk34x{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start}
.mk34.hd .mk34x p{margin:0}
@media (max-width:760px){.mk34h{display:flex;flex-wrap:wrap;gap:2px 12px;padding-left:75px}.mk34h>span:first-child{display:none}.mk34.hd .mk34x{grid-template-columns:minmax(0,1fr);gap:2px}}
/* NT-104 · la cadena de la banca-seguros */
.cn34s{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.cn34s.k-as{background:#0083FF}.cn34s.k-as svg{stroke:#fff}
.cn34s.k-op{background:rgba(140,200,255,.14);box-shadow:inset 0 0 0 1.5px #8CC8FF}.cn34s.k-op svg{stroke:#CFE6FF}
.cn34s.k-rb{background:rgba(255,255,255,.09)}.cn34s.k-rb svg{stroke:#fff}
.cn34{display:flex;flex-direction:column;gap:12px;width:100%}
.cn34r{position:relative;display:flex;gap:14px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.cn34r>.cn34s{flex:0 0 auto;width:44px;height:44px;border-radius:50%}
.cn34r:not(.last)::after{content:"";position:absolute;left:37px;top:100%;height:12px;border-left:3px solid #8CC8FF}
.cn34r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.cn34x{flex:1 1 auto;min-width:0}
.cn34x b{display:block;color:#fff;font-size:16px;font-weight:760}
.cn34x p{margin:2px 0 0;font-size:15.5px;line-height:1.45;color:#DCEBFF}
.cn34x p.lead{margin:0;color:#fff}
.cn34 .st23:not(.on){display:none}
.cn34 .st23.on{animation:ga21in .45s ease both}
.cn34 .st23b{align-self:flex-start;margin-left:74px}
.cn34m{display:flex;align-items:center}
.cn34m>i{display:block;width:34px;height:3px;background:#8CC8FF}
.cn34b{width:46px;height:46px;border-radius:50%;display:block;animation:ga21in .45s var(--d) ease both}
/* NT-105 · la plataforma que va por detrás */
.lg34{display:flex;flex-direction:column;gap:10px;width:100%}
.lg34d{display:flex;align-items:center;gap:0;align-self:flex-start;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(140,200,255,.22)}
.lg34n{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:12px}
.lg34n.a{background:#0083FF}.lg34n.b{background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1.5px rgba(255,176,32,.8)}
.lg34n i{position:absolute;right:-7px;bottom:-7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:2px solid #00277B}
.lg34n i.ok{background:#0E9F6E}.lg34n i.ok svg{stroke:#fff}
.lg34n i.w{background:#FFB020;animation:lg34w 2.4s linear 2}.lg34n i.w svg{stroke:#00277B}
.lg34l{display:block;width:70px;padding:0 6px}.lg34l i{display:block;height:0;border-top:3px dashed rgba(255,176,32,.85)}
@keyframes lg34w{to{transform:rotate(360deg)}}
/* NT-106 · tres posiciones ante una misma decisión */
.cm34{display:flex;flex-direction:column;gap:8px;width:100%}
.cm34h,.cm34r{display:grid;grid-template-columns:minmax(150px,.8fr) repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.cm34h>span{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px;color:#CFE6FF}
.cm34h .cm34q{font-weight:700;color:#8CC8FF;text-transform:none}
.cm34m>.md34s{flex:0 0 auto;width:34px;height:34px;border-radius:10px}
.cm34m b{color:#fff;font-weight:760;font-size:14.5px;line-height:1.3}
.cm34r>div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.22)}
.cm34r .cm34q{background:rgba(0,131,255,.12);border-color:rgba(0,131,255,.6)}
.cm34r .cm34q b{color:#fff;font-size:15px;font-weight:760}
.cm34r .cm34c.k-ag{border-color:rgba(255,176,32,.45)}
.cm34r p{margin:0;font-size:14.5px;line-height:1.42;color:#DCEBFF}
.cm34r.cur>div{border-color:#0083FF}
.cm34k{display:none!important}
.cm34 .st23:not(.on){display:none}
.cm34 .st23.on{animation:ga21in .45s ease both}
.cm34 .st23b{align-self:flex-start;margin-top:4px}
@media (max-width:900px){.cm34h{display:none}.cm34r{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border-radius:14px;border:1px solid rgba(140,200,255,.28)}.cm34k{display:flex!important;align-items:center;gap:6px}.cm34k>.md34s{width:20px;height:20px;border-radius:6px}}
.sk34{margin:0}
@media (prefers-reduced-motion:reduce){.md34b,.md34k,.pz34 .st23.on,.ch34 .st23.on,.fa34 .st23.on,.mk34 .st23.on,.mk34.two .mk34r,.cn34 .st23.on,.cn34b,.lg34n i.w,.cm34 .st23.on{animation:none!important}}
/* ===== C1-nuevo v3 · Módulo 5 · apartado 5.1 · componentes nuevos (NT-107…NT-113) ===== */
.og41{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.og41{grid-template-columns:minmax(0,1fr)}}
/* NT-113 · la bandeja de situaciones */
.tc41{display:flex;flex-direction:column;gap:8px;width:100%}
.tc41r{position:relative;display:flex;gap:14px;align-items:flex-start;padding:12px 16px 12px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28);border-left:4px solid #FFB020}
.tc41r.cur{border-color:#0083FF;border-left-color:#FFB020;background:rgba(0,131,255,.12)}
.tc41i{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,176,32,.2)}
.tc41i svg{stroke:#FFD27A}
.tc41x{flex:1 1 auto;min-width:0}
.tc41x p{margin:0}
.tc41b{display:inline-block;margin-bottom:4px;padding:2px 9px;border-radius:999px;background:#0062CC;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em}
/* NT-108 · las preguntas de cada situación */
.ak41{display:flex;flex-direction:column;gap:10px;width:100%}
.ak41>p{margin:0}
.ak41g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ak41g.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ak41r{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.ak41r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.ak41r p{margin:0}
.ak41s{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#0062CC}
.ak41s svg{stroke:#fff}
.ak41s i{position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:50%;background:#FFB020;color:#0B1E3A;font:800 12px/20px system-ui,sans-serif;text-align:center;font-style:normal}
.ak41r.k-a .ak41s{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px #8CC8FF}
.ak41r.k-d .ak41s{background:rgba(14,159,110,.3);box-shadow:inset 0 0 0 1.5px #7FE0B8}.ak41r.k-d .ak41s svg{stroke:#BFF2DC}
.ak41r.k-s .ak41s{background:rgba(140,200,255,.14);box-shadow:inset 0 0 0 1.5px #8CC8FF}
.ak41 .st23:not(.on){display:flex;visibility:hidden}
.ak41 .st23.on{visibility:visible}
@media (max-width:760px){.ak41g,.ak41g.n2{grid-template-columns:minmax(0,1fr)}.ak41 .st23:not(.on){display:none}}
/* NT-107 · la tabla de estados con sello */
.st41a{position:relative;display:grid;place-items:center;width:100%;height:100%}
.st41a>.mk34s{position:absolute;right:-8px;bottom:-8px;transform:scale(.82)}
.st41 .g12rvh .ic{overflow:visible}
/* NT-109 · el calendario de la renovación */
.ca41{display:flex;flex-direction:column;gap:10px;width:100%}
.ca41r{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:16px;align-items:center;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.ca41r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.ca41r p{margin:0}
.ca41t{display:flex;align-items:center;gap:10px}
.ca41w{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px #8CC8FF}
.ca41w.k-t{background:rgba(14,159,110,.3);box-shadow:inset 0 0 0 1.5px #7FE0B8}.ca41w.k-t svg{stroke:#BFF2DC}
.ca41l{position:relative;flex:1 1 auto;height:24px}
.ca41l::before{content:"";position:absolute;left:0;right:14px;top:11px;height:3px;border-radius:2px;background:rgba(140,200,255,.45)}
.ca41d{position:absolute;top:5px;left:var(--x);width:15px;height:15px;border-radius:50%;background:#FFB020;box-shadow:0 0 0 3px rgba(255,176,32,.25)}
.ca41f{position:absolute;right:0;top:2px;line-height:0}.ca41f svg{stroke:#fff}
@media (max-width:760px){.ca41r{grid-template-columns:minmax(0,1fr);gap:8px}.ca41t{max-width:240px}}
/* NT-110 · una opción que se cierra, otras posibles */
.dr41{display:flex;flex-direction:column;width:100%}
.dr41s{position:relative;align-self:flex-start;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(140,200,255,.5)}
.dr41s>i{position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#FFB020}.dr41s>i svg{stroke:#0B1E3A}
.dr41b{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 0 0 30px}
.dr41b::before{content:"";position:absolute;left:24px;top:0;bottom:22px;border-left:3px dashed #8CC8FF}
.dr41r{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1.5px dashed rgba(140,200,255,.55)}
.dr41r::before{content:"";position:absolute;left:-7px;top:26px;width:7px;border-top:3px dashed #8CC8FF}
.dr41r.cur{background:rgba(0,131,255,.12);border-color:#0083FF}
.dr41r .ic{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.09)}
.dr41r p{margin:0}
/* NT-111 · tres puntos de partida */
.pt41s{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.pt41s.k-nu{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px #8CC8FF}
.pt41s.k-vi{background:#0062CC}.pt41s.k-vi svg{stroke:#fff}
.pt41s.k-re{background:rgba(255,176,32,.22)}.pt41s.k-re svg{stroke:#FFD27A}
.pt41p{align-items:flex-start}
.pt41p>.pt41s{flex:0 0 auto;width:40px;height:40px;border-radius:11px}
.pt41 .g12rvh .ic{overflow:hidden}
/* NT-112 · lo solicitado, lo pendiente y lo contratado */
.sx41{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(0,131,255,.1);border:1.5px solid #0083FF}
.sx41 p{margin:0}
.sx41d{display:flex;align-items:center}
.sx41n{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(140,200,255,.5);animation:ga21in .45s ease both}
.sx41n.ok{background:rgba(14,159,110,.3);box-shadow:inset 0 0 0 1.5px #7FE0B8}
.sx41n>i{position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#FFB020}.sx41n>i svg{stroke:#0B1E3A}
.sx41n.ok>i{background:#7FE0B8}
.sx41n.wt{opacity:.75}
.sx41l{display:flex;align-items:center;gap:8px;width:46px}
.sx41l>i{flex:1 1 auto;height:0;border-top:3px dashed rgba(140,200,255,.55)}
.sx41l.br>i:first-child{border-top-style:solid;border-color:#7FE0B8}
.sx41l.br>i:last-child{transform:translateY(4px) rotate(14deg)}
/* NT-48 fijo (sin pulsación) */
.sl41{display:flex;flex-direction:column;gap:10px}
.sl41r{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.sl41r p{margin:0}.sl41r>.seal{flex:0 0 auto}
/* pareja con rótulo literal */
.pa41t{display:flex;flex-direction:column;gap:4px}
.pa41k{color:#fff}
/* gancho + circuito */
.hkx41.off{display:none}
.hkx41{margin-top:12px;width:100%}
.ur41{margin-top:4px}
@media (prefers-reduced-motion:reduce){.tc41r,.ak41r,.ca41r,.dr41r,.sx41n{animation:none!important}}
.ak41s svg{width:24px;height:24px}
.sx41d{gap:4px}.sx41l{width:56px}
.tc41i svg,.ca41w svg,.dr41s>.ic svg,.sx41n>.ic svg{width:20px;height:20px}
.ca41w{width:34px;height:34px}
/* ===== C1-nuevo v3 · Módulo 5 · apartado 4.2 · componentes nuevos (NT-114…NT-120) ===== */
/* NT-114 · la comunicación recibida */
.mm42{position:relative;display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(140,200,255,.32);border-left:4px solid #FFB020}
.mm42h{flex:0 0 auto;display:flex;align-items:center;gap:4px}
.mm42h .ic{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1)}
.mm42h .ic:last-child{background:rgba(255,176,32,.22)}.mm42h .ic:last-child svg{stroke:#FFD27A}
.mm42h>i{width:14px;border-top:2px dashed rgba(140,200,255,.6)}
.mm42h svg{width:18px;height:18px}
.mm42q{flex:1 1 auto;min-width:0}.mm42q p{margin:0;font-style:italic}
@media (max-width:760px){.mm42{flex-direction:column;gap:10px}}
/* la circular completa */
.ci42{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-radius:14px;background:#F5F8FD;color:#0B1E3A;border-top:6px solid #0062CC;box-shadow:0 14px 34px -14px rgba(0,0,0,.6)}
.ci42 p{margin:0;color:#0B1E3A;font-size:14.5px;line-height:1.45}
.ci42h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ci42h .ic{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#0062CC}.ci42h .ic svg{stroke:#fff;width:16px;height:16px}
.ci42h b{font-size:15px;letter-spacing:.06em;color:#00277B}
.ci42s{margin-left:auto;padding:3px 10px;border-radius:999px;border:1.5px dashed #B26A00;color:#7A4700;font-size:12.5px;font-weight:700;transform:rotate(-2deg)}
.ci42m{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid #C9D6EA}
.ci42kv b{color:#00277B}
.ci42b{display:flex;flex-direction:column;gap:7px}
/* NT-115 · las tres capas de una comunicación */
.ly42{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:start;width:100%}
.ly42d{position:relative;display:flex;flex-direction:column;gap:7px;padding:14px 12px;border-radius:10px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(140,200,255,.45)}
.ly42t{height:6px;width:60%;border-radius:3px;background:rgba(255,255,255,.35);margin-bottom:4px}
.ly42d i{display:block;height:26px;border-radius:6px;background:rgba(255,255,255,.07);transition:background .35s,box-shadow .35s}
.ly42d i.on.k-w{background:rgba(140,200,255,.35);box-shadow:inset 0 0 0 1.5px #8CC8FF}
.ly42d i.on.k-c{background:#0062CC;box-shadow:inset 0 0 0 1.5px #8CC8FF}
.ly42d i.on.k-a{background:rgba(255,176,32,.45);box-shadow:inset 0 0 0 1.5px #FFD27A}
.ly42s{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.ly42s.k-w{background:rgba(140,200,255,.18)}
.ly42s.k-c{background:#0062CC}.ly42s.k-c svg{stroke:#fff}
.ly42s.k-a{background:rgba(255,176,32,.25)}.ly42s.k-a svg{stroke:#FFD27A}
.ly42g .g12rvh .ic{overflow:hidden}
@media (max-width:760px){.ly42{grid-template-columns:minmax(0,1fr)}.ly42d{flex-direction:row;padding:8px 10px;max-width:220px}.ly42t{display:none}.ly42d i{flex:1 1 0;height:14px}}
/* NT-116 · qué · a quién · desde cuándo */
.ak41r.k-w .ak41s{background:#0062CC}
.ak41r.k-p .ak41s{background:rgba(14,159,110,.3);box-shadow:inset 0 0 0 1.5px #7FE0B8}.ak41r.k-p .ak41s svg{stroke:#BFF2DC}
.ak41r.k-t .ak41s{background:rgba(255,176,32,.22);box-shadow:inset 0 0 0 1.5px #FFD27A}.ak41r.k-t .ak41s svg{stroke:#FFD27A}
.ak41g.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.ak41g.n4{grid-template-columns:minmax(0,1fr)}}
.ln42h{display:flex;align-items:center;gap:14px}
.ln42h>.ln42s,.ln42h>.pt41s{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center}
.ln42s.k-w{background:#0062CC}.ln42s.k-w svg{stroke:#fff}
.ln42s.k-p{background:rgba(14,159,110,.3);box-shadow:inset 0 0 0 1.5px #7FE0B8}.ln42s.k-p svg{stroke:#BFF2DC}
.ln42s.k-t{background:rgba(255,176,32,.22);box-shadow:inset 0 0 0 1.5px #FFD27A}.ln42s.k-t svg{stroke:#FFD27A}
/* NT-117 · la línea de fechas */
.tl42{display:flex;flex-direction:column;gap:12px;width:100%}
.tl42p{margin:0}
.tl42g{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px}
.tl42g::before{content:"";position:absolute;left:20px;right:20px;top:21px;height:3px;border-radius:2px;background:rgba(140,200,255,.45)}
.tl42r{position:relative;display:flex;flex-direction:column;gap:10px}
.tl42r p{margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.tl42r.cur p{border-color:#0083FF;background:rgba(0,131,255,.12)}
.tl42d{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#0B2A5B;box-shadow:inset 0 0 0 2px #8CC8FF}
.tl42d svg{width:20px;height:20px}
.tl42r.k-f .tl42d{background:#FFB020;box-shadow:none}.tl42r.k-f .tl42d svg{stroke:#0B1E3A}
.tl42r.k-q .tl42d{background:#0B2A5B;box-shadow:inset 0 0 0 2px #FFD27A;outline:2px dashed rgba(255,210,122,.6);outline-offset:3px}
.tl42r.k-q p{border-style:dashed}
.tl42 .st23:not(.on){display:flex;visibility:hidden}.tl42 .st23.on{visibility:visible}
@media (max-width:900px){.tl42.n4 .tl42g{grid-template-columns:repeat(2,minmax(0,1fr))}.tl42.n4 .tl42g::before{display:none}}
@media (max-width:760px){.tl42g,.tl42.n4 .tl42g{grid-template-columns:minmax(0,1fr)}.tl42g::before{display:block;left:21px;right:auto;top:20px;bottom:20px;width:3px;height:auto}.tl42r{flex-direction:row;align-items:flex-start}.tl42r p{flex:1 1 auto}.tl42 .st23:not(.on){display:none}}
/* NT-118 · tres operaciones ante la fecha del cambio */
.op42{display:flex;flex-direction:column;gap:12px;width:100%}
.op42h{display:flex;align-items:center;gap:10px;margin:0}.op42h .ic{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,176,32,.22)}.op42h .ic svg{stroke:#FFD27A;width:16px;height:16px}
.op42g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px minmax(0,1fr);gap:12px;align-items:stretch}
.op42r{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.op42r.aft{border-color:rgba(255,210,122,.55);background:rgba(255,176,32,.08)}
.op42r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.op42r p,.op42r small{margin:0}
.op42d{display:flex;align-items:center;gap:8px;color:#fff;font-size:16px}.op42d .ic{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.1)}.op42d .ic svg{width:15px;height:15px}
.op42f{display:flex;flex-direction:column;align-items:center;gap:6px}
.op42f>i{flex:1 1 auto;border-left:3px dashed #FFB020}
.op42f>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#FFB020;line-height:0}.op42f svg{stroke:#0B1E3A}
.op42 .st23:not(.on){display:flex;visibility:hidden}.op42 .st23.on{visibility:visible}
@media (max-width:760px){.op42g{grid-template-columns:minmax(0,1fr)}.op42f{flex-direction:row;height:34px}.op42f>i{border-left:0;border-top:3px dashed #FFB020;height:0}.op42 .st23:not(.on){display:none}}
.ov42{display:flex;flex-direction:column;gap:10px;width:100%}
.ov42r{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.ov42r.cur{border-color:#0083FF;background:rgba(0,131,255,.12)}
.ov42r p{margin:0}
.ov42h{display:flex;align-items:center;gap:12px}.ov42h b{color:#fff}
.ov42h>.mk34s{flex:0 0 auto}
.om42{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.om42c{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13px}
/* NT-119 · lo que no dirías / lo que sí explicarías */
.sy42{display:flex;flex-direction:column;gap:6px}
.sy42l{margin:0}
.sy42m{display:flex;gap:10px;align-items:flex-start}
.sy42a{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(14,159,110,.3)}.sy42a svg{stroke:#BFF2DC}
.sy42b{position:relative;flex:1 1 auto;padding:12px 40px 12px 16px;border-radius:4px 16px 16px 16px;background:rgba(255,255,255,.08);border:1.5px solid rgba(140,200,255,.4)}
.sy42b p{margin:0;font-style:italic}
.sy42k{position:absolute;right:10px;top:10px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;line-height:0}
.sy42.k-x .sy42b{border-color:#FF8A8A;background:rgba(255,90,90,.1)}.sy42.k-x .sy42k{background:#FF8A8A}.sy42.k-x .sy42k svg{stroke:#3A0B0B}
.sy42.k-x .sy42b p{text-decoration:line-through;text-decoration-color:rgba(255,138,138,.85);text-decoration-thickness:1.5px}
.sy42.k-w .sy42b{border-color:#FFD27A;background:rgba(255,176,32,.1)}.sy42.k-w .sy42k{background:#FFB020}.sy42.k-w .sy42k svg{stroke:#0B1E3A}
.sy42.k-ok .sy42b{border-color:#7FE0B8;background:rgba(14,159,110,.14)}.sy42.k-ok .sy42k{background:#7FE0B8}.sy42.k-ok .sy42k svg{stroke:#06321F}
/* NT-120 · de la circular al cliente */
.tr42{display:flex;flex-direction:column;gap:10px;width:100%}
.tr42r{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:stretch}
.tr42c{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(140,200,255,.28)}
.tr42c.b{border-color:rgba(127,224,184,.55);background:rgba(14,159,110,.1)}
.tr42r.cur .tr42c.b{border-color:#7FE0B8;background:rgba(14,159,110,.2)}
.tr42c .ic{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1)}
.tr42c.b .ic{background:rgba(14,159,110,.3)}.tr42c.b .ic svg{stroke:#BFF2DC}
.tr42c p,.tr42c small{margin:0}.tr42c small{display:block;margin-bottom:3px}
.tr42x{display:grid;place-items:center;line-height:0}.tr42x svg{stroke:#8CC8FF}
.tr42 .st23:not(.on){display:grid;visibility:hidden}.tr42 .st23.on{visibility:visible}
@media (max-width:760px){.tr42r{grid-template-columns:minmax(0,1fr)}.tr42x{transform:rotate(90deg);height:22px}.tr42 .st23:not(.on){display:none}}
/* NT-111 reutilizado: dos clientes */
.cl42{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:760px){.cl42{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ly42d i{transition:none}}
/* sellos de estado (MKS34) en flujo dentro de NT-118 */
.ov42h>.mk34s,.om42c>.mk34s{position:relative;right:auto;bottom:auto;flex:0 0 auto}
.ov42h>.mk34s{width:30px;height:30px}
.om42c>.mk34s{width:24px;height:24px;border-width:1.5px}.om42c>.mk34s svg{width:13px;height:13px}
/* NT-33 con símbolos de NT-111 en la cabecera */
.g12mxh .pt41s{display:inline-grid;width:28px;height:28px;border-radius:8px;margin-right:8px;vertical-align:middle}
.g12mxh .pt41s svg{width:16px;height:16px}
.g12mxh .a,.g12mxh .b{display:flex;align-items:center}
/* ===== C1-nuevo v3 · Módulo 5 · apartado 4.3 · componentes nuevos (NT-121…NT-123) + circuito con varias líneas ===== */
/* NT-95 con varias líneas de explicación */
.tk43 .tk33x p{margin:4px 0 0}
.tk43 .tk33x p+p{margin-top:6px}
/* NT-121 · de la expresión que debes evitar a la expresión más adecuada */
.sw43{display:flex;flex-direction:column;gap:12px}
.sw43r{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:10px}
.sw43x{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(0,131,255,.25)}
.sw43x svg{stroke:#BFE0FF}
.sw43c{height:100%;display:flex;flex-direction:column;gap:6px}
.sw43c>.r4k{display:block;padding:0 4px;line-height:1.3}
.sw43c .sy42m{flex:1 1 auto}
.sw43r:not(.on){display:none}
@media (max-width:760px){.sw43r{grid-template-columns:1fr}.sw43x{justify-self:center;transform:rotate(90deg)}}
/* NT-122 · la consulta bien planteada */
.qy43{display:flex;flex-direction:column;gap:10px;padding:14px 18px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(140,200,255,.32)}
.qy43h{display:flex;align-items:center;gap:6px}
.qy43h .ic{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.3)}
.qy43h .ic.b{background:rgba(255,255,255,.12)}
.qy43h svg{width:18px;height:18px}
.qy43h>i{flex:0 0 60px;border-top:2px dashed rgba(140,200,255,.6)}
.qy43g{display:flex;flex-direction:column;gap:8px}
.qy43r{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-radius:12px;background:rgba(0,39,123,.45);border-left:4px solid #0083FF}
.qy43r:not(.on){display:none}
.qy43n{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0062CC;color:#fff;font-weight:700;font-size:14px}
.qy43x{min-width:0}.qy43x b{display:block;color:#fff}.qy43x p{margin:2px 0 0}
/* NT-123 · posibilidad, solicitud, condición confirmada */
.sa43{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.sa43g{display:flex;align-items:stretch;gap:0}
.sa43r{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 12px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(140,200,255,.3)}
.sa43r .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12)}
.sa43r .ic svg{width:20px;height:20px}
.sa43r.k-1 .ic{background:rgba(255,176,32,.25)}.sa43r.k-1 .ic svg{stroke:#FFD27A}
.sa43r.k-2{border-color:rgba(70,210,140,.55)}.sa43r.k-2 .ic{background:rgba(70,210,140,.25)}.sa43r.k-2 .ic svg{stroke:#9AF0C4}
.sa43r p{margin:0}
.sa43l{flex:0 0 26px;align-self:center;border-top:2px dashed rgba(140,200,255,.6)}
@media (max-width:760px){.sa43g{flex-direction:column}.sa43l{flex:0 0 14px;align-self:center;border-top:0;border-left:2px dashed rgba(140,200,255,.6);width:0;height:14px}}
/* conclusión del apartado: tres ideas fundamentales */
.cl43{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.cl43 li{display:flex;gap:8px;align-items:flex-start}
.cl43 .ic{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(70,210,140,.25);margin-top:2px}
.cl43 .ic svg{stroke:#9AF0C4}
/* ===== C1-nuevo v3 · Módulo 5 · apartado 4.4 · componentes nuevos (NT-124…NT-127) + listas / posibilidades / bocadillo con varios párrafos ===== */
/* lista de datos (LST44) */
.ls44{display:flex;flex-direction:column;gap:8px}
.ls44r{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(140,200,255,.26);border-left:4px solid #0083FF}
.ls44r .ic{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.28)}
.ls44r .ic svg{width:18px;height:18px}
.ls44x{min-width:0}.ls44x p{margin:0}.ls44x small{display:block;margin-bottom:2px}
.ls44r.cur{border-color:rgba(0,131,255,.8)}
/* bocadillo con varios párrafos */
.sy44 .sy42b p+p{margin-top:8px}
/* NT-124 · el reparto de la franquicia */
.fk44{display:flex;flex-direction:column;gap:10px;padding:14px 18px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(140,200,255,.3)}
.fk44t{align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgba(255,176,32,.22);color:#FFD27A;font-weight:760;font-size:12.5px;letter-spacing:.06em}
.fk44b{display:flex;flex-direction:column;gap:4px}
.fk44bar{position:relative;height:22px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}
.fk44bar i{position:absolute;top:0;bottom:0;transition:opacity .45s,transform .45s;opacity:0}
.fk44bar .cov{left:0;background:#0083FF;transform-origin:left;transform:scaleX(.2)}
.fk44bar .own{background:#FFB020}
.fk44.s-tot .fk44bar{background:rgba(255,255,255,.28)}
.fk44.s-own .fk44bar .own,.fk44.s-cov .fk44bar .own{opacity:1}
.fk44.s-cov .fk44bar .cov{opacity:1;transform:none}
.fk44n{display:flex;font-size:13px;font-weight:700;min-height:18px}
.fk44n .l-cov{color:#8CC8FF}.fk44n .l-own{color:#FFD27A;text-align:center}
.fk44 .l-tot{display:none}
.fk44g{display:flex;flex-direction:column;gap:6px}
.fk44r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border-radius:12px;background:rgba(0,39,123,.45);border:1px solid rgba(140,200,255,.22)}
.fk44k{display:flex;align-items:center;gap:8px;color:#DCEBFF}
.fk44v{color:#fff;font-size:17px;white-space:nowrap}
.fk44 .dot{flex:0 0 12px;height:12px;border-radius:4px;background:rgba(255,255,255,.4)}
.fk44 .dot.d-cov{background:#0083FF}.fk44 .dot.d-own,.fk44 .dot.d-par{background:#FFB020}
.fk44r[data-s="cov"]{border-color:rgba(0,131,255,.7)}
.fk44r[data-s="par"]{border-color:rgba(255,176,32,.6)}
.fk44 .st23b{margin:4px 0 0}
.ft44{display:flex;flex-direction:column;gap:8px}
.ft44h,.ft44r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}
.ft44h>span{padding:6px 12px;font-weight:700;color:#8CC8FF;font-size:14px}
.ft44r{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(140,200,255,.26)}
.ft44c{display:flex;align-items:center;gap:8px;min-width:0}
.ft44c .r4k{display:none}
.ft44c .ic{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(0,131,255,.28)}
.ft44c .ic svg{width:16px;height:16px}
.ft44c b{color:#fff;font-size:17px}
.ft44c .v{font-weight:760;font-size:16px}.ft44c .v.own{color:#FFD27A}.ft44c .v.cov{color:#8CC8FF}
.ft44bar{grid-column:1/-1;position:relative;height:12px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}
.ft44bar i{position:absolute;top:0;bottom:0}.ft44bar .cov{left:0;background:#0083FF}.ft44bar .own{background:#FFB020}
@media (max-width:760px){.ft44h{display:none}.ft44r{grid-template-columns:1fr 1fr}.ft44c.a{grid-column:1/-1}.ft44c{flex-wrap:wrap}.ft44c .r4k{display:block;flex:0 0 100%}}
/* NT-125 · tres ofertas, una comparación */
.of44 .of44i{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,131,255,.28)}
.of44 .of44i svg{width:18px;height:18px}
.of44 .of44i.sm{width:20px;height:20px;border-radius:6px}.of44 .of44i.sm svg{width:12px;height:12px}
.of44c p{display:flex;align-items:flex-start;gap:6px}
.of44s{flex:0 0 20px;height:20px;display:grid;place-items:center;border-radius:50%;margin-top:1px}
.of44c.s-k .of44s{background:rgba(70,210,140,.25)}.of44c.s-k .of44s svg{stroke:#9AF0C4}
.of44c.s-x{border-color:rgba(255,176,32,.55)!important}.of44c.s-x .of44s{background:rgba(255,176,32,.25)}.of44c.s-x .of44s svg{stroke:#FFD27A}
.of44c.s-v .of44s{background:rgba(0,131,255,.3)}.of44c.s-v .of44s svg{stroke:#BFE0FF}
/* NT-126 · la jornada */
.dy44{position:relative;display:flex;justify-content:space-between;gap:6px;padding:8px 6px 4px}
.dy44l{position:absolute;left:24px;right:24px;top:26px;border-top:2px dashed rgba(140,200,255,.5)}
.dy44s{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1 0;min-width:0}
.dy44s .ic{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#00277B;border:2px solid rgba(140,200,255,.45)}
.dy44s b{font-size:12.5px;color:#9DB3CF;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.dy44s.on .ic{background:#0083FF;border-color:#fff;box-shadow:0 0 0 5px rgba(0,131,255,.25)}
.dy44s.on b{color:#fff}
.dy44s.past .ic{background:rgba(70,210,140,.22);border-color:rgba(70,210,140,.7)}.dy44s.past .ic svg{stroke:#9AF0C4}
.dy44.all .dy44s .ic{border-color:rgba(140,200,255,.8)}
.dy44c{display:inline-flex;align-items:center;gap:5px;margin-right:6px;padding:2px 8px;border-radius:999px;background:rgba(0,131,255,.3);color:#fff}
.vd44{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(70,210,140,.12);border:1px solid rgba(70,210,140,.55)}
.vd44 .ic{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(70,210,140,.28)}
.vd44 .ic svg{stroke:#9AF0C4}.vd44 p{margin:0}.vd44 b{color:#9AF0C4}
@media (max-width:560px){.dy44{gap:2px;padding:8px 0 4px}.dy44s b{font-size:10.5px;white-space:normal;text-align:center;line-height:1.15;max-width:56px}.dy44s .ic{width:30px;height:30px}.dy44l{top:23px}}
/* NT-127 · despedida y agradecimiento */
.dsp44 .seq{max-width:820px}
.dsp44h{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.dsp44h>.ic{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#0083FF,#00277B);border:1px solid rgba(255,255,255,.35)}
.dsp44h>.ic svg{stroke:#fff}
.dsp44b{color:#fff;text-align:left;margin-top:6px}
@media (min-width:561px) and (max-width:900px){.of44 .cm34r{grid-template-columns:repeat(3,minmax(0,1fr))}.of44 .cm34r .cm34q{grid-column:1/-1}}
/* ===== Curso 4 · v3 · apartado 1.1 · tipos nuevos NT-128…NT-131 (paleta azul #0083FF / #FFFFFF / #00277B / #53647B) ===== */
/* NT-128 · de la reforma a la experiencia del cliente */
.cs128{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.cs128r{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1.5px solid rgba(0,131,255,.55)}
.cs128r:not(:last-of-type)::after{content:"";position:absolute;left:34px;bottom:-15px;width:2px;height:14px;background:#0083FF}
.cs128r.ds{border-style:dashed;border-color:rgba(140,200,255,.7)}
.cs128r.ds:not(:last-of-type)::after{background:repeating-linear-gradient(#8CC8FF 0 3px,transparent 3px 6px)}
.cs128n{font-weight:800;color:#8CC8FF;font-size:.95rem;min-width:1.6em;padding-top:4px}
.cs128r .ic{width:34px;height:34px;border-radius:50%;background:#00277B;display:grid;place-items:center;color:#fff}
.cs128r .ic svg{width:18px;height:18px}
.cs128x b{display:block;color:#fff;font-size:1.02rem}
.cs128x p{margin:.2em 0 0;color:rgba(255,255,255,.86)}
.cs128r.cur{box-shadow:0 0 0 3px rgba(0,131,255,.35)}
/* NT-129 · tres situaciones de origen (sellos) */
.sl129{display:inline-flex;gap:4px;align-items:center}
.sl129 .seal{width:30px;height:30px}
/* NT-130 · del lenguaje interno al del cliente */
.tc130{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.tc130r{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}
.tc130a,.tc130b{border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}
.tc130a{background:rgba(255,255,255,.05);border:1.5px solid rgba(83,100,123,.9);opacity:.82}
.tc130b{background:rgba(0,131,255,.14);border:1.5px solid #0083FF}
.tc130m{display:flex;gap:10px;align-items:flex-start}
.tc130m .ic{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#53647B;color:#fff}
.tc130b .tc130m .ic{background:#0083FF}
.tc130m .ic svg{width:16px;height:16px}
.tc130m p{margin:0}
.tc130x{align-self:center;color:#8CC8FF}
@media (max-width:760px){.tc130r{grid-template-columns:1fr}.tc130x{transform:rotate(90deg);justify-self:center}}
/* NT-131 · debe conocer · debe saber identificar · no le corresponde */
.kn131i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#0083FF}
.kn131i.k-i{background:#00277B;border:1.5px solid #8CC8FF}
.kn131i.k-x{background:transparent;border:1.5px solid #FFB020;color:#FFB020}
.kn131i svg{width:18px;height:18px}
.or129 .g12rvh>.ic{width:auto;height:auto;min-width:0;background:none;border:0;box-shadow:none;padding:0;flex:0 0 auto}
.or129 .g12rvh{gap:8px}
.sl129 .seal{flex:0 0 auto}
/* ===== fb1 · ajustes tras la revisión de Sergio (29-10-2026) ===== */
/* p.76 · situación C: un único sello (norma + aseguradora) */
.seal.s-na{width:30px;height:30px;padding:0;min-width:0;color:#fff;border-color:rgba(255,255,255,.4);background:linear-gradient(90deg,rgba(255,255,255,.14) 0 50%,#0062CC 50% 100%)}
.seal.s-na svg{width:16px;height:16px}
/* p.82 (y p.76) · rótulo + título a la misma altura que el texto de la derecha */
.or129.cu4 .g12rv,.or129 .g12rv{align-items:start}
.or129 .g12rvh,.or129 .g12rvt{align-self:start}
.or129 .g12rvh{min-height:26px;align-items:center}
.or129 .g12rvt{min-height:26px;display:flex;align-items:center}
.or129 .g12rvb{align-self:start}
.or129 .g12rvb .p:first-child{margin-top:1px}
/* p.104 · parte derecha difuminada hasta pulsar «Continuar» */
.bl130 .tc130b{transition:filter .45s,opacity .45s}
.bl130 .tc130b.bl{filter:blur(6px);opacity:.55;user-select:none;pointer-events:none}
.bl130 .tc130r.cur .tc130b{box-shadow:0 0 0 3px rgba(0,131,255,.35)}
.bl130 .tc130go{align-self:flex-start;margin-top:4px}
body.calm .bl130 .tc130b{transition:none}
/* p.121 y resto de bocadillos verdes del profesional: junto a la columna de texto (no al borde derecho), ancho de lectura acotado */
.bu33.w-d.l4 .bu33m{flex-direction:row;align-self:flex-start;max-width:min(100%,720px);align-items:flex-start}
.bu33.w-d.l4 .bu33b{border-radius:4px 18px 18px 18px;padding-right:40px}
.bu33.w-d.l4 .bu33k{top:10px;right:10px}
/* conexiones · «Siguiente»: una idea por bloque, pregunta destacada aparte, cierre con icono */
.rt2.cx4{grid-template-columns:minmax(0,1fr) 64px minmax(0,1.35fr);align-items:center}
.rt2.cx4 .rline{height:3px;width:auto;margin:0 6px;background:repeating-linear-gradient(90deg,var(--bl,#8CC8FF) 0 8px,transparent 8px 14px)}
.rt2.cx4 .rn{display:flex;flex-direction:column;gap:10px}
.rt2.cx4 .rn p{margin:0;line-height:1.5}
.rt2.cx4 .rn.nx{gap:12px}
.cx4q,.cx4e{display:flex;gap:10px;align-items:flex-start}
.cx4q{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28)}
.cx4q .ic,.cx4e .ic{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff}
.cx4q .ic svg,.cx4e .ic svg{stroke:#fff}
.cx4q p,.cx4e p{flex:1 1 auto}
.cx4q b{font-weight:700}
@media (max-width:900px){.rt2.cx4{grid-template-columns:1fr}.rt2.cx4 .rline{height:32px;width:3px;margin:4px auto;background:repeating-linear-gradient(180deg,var(--bl,#8CC8FF) 0 8px,transparent 8px 14px)}}
/* ===== r8 (Sergio 29-10 03:44 ET, msg 1a1869e895d03963): objetivos «¿Qué podrás hacer al terminar?» · número e icono en el mismo renglón en todos los tamaños (antes, uno encima del otro) ===== */
.obj .og>.oc{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;align-content:start;column-gap:10px;row-gap:10px}
.obj .og>.oc>.n{grid-column:1;grid-row:1}
.obj .og>.oc>.ic,.obj .og>.oc>.md34s{grid-column:2;grid-row:1;margin:0}
.obj .og>.oc>p{grid-column:1/-1;grid-row:2;align-self:start;margin:0}
/* ===== Curso 4 · 1.1 · fb2 (Sergio 1a187d7a) + reglas globales 29-10 · solo apartado 1.1 ===== */
/* p.76 · situación C: sello del MISMO tamaño que A y B (40×30, icono 14), rótulo y texto en las mismas columnas que las filas de arriba */
.seal.s-na{width:40px;height:30px;padding:0 12px;min-width:40px;box-sizing:border-box}
.seal.s-na svg{width:14px;height:14px}
@media (min-width:761px){.or129 .g12rv{grid-template-columns:150px minmax(0,.9fr) minmax(0,1.3fr)}}
.or129 .g12rvt,.or129 .g12rvb{justify-content:flex-start;text-align:left}
.or129 .g12rvt b{text-align:left;margin-left:0!important;margin-right:auto!important}
/* R2 · tachado en dos pasos */
.seq>.sx4m{display:none!important}
.sy42.sx4 .sy42b{border-color:rgba(140,200,255,.45);background:rgba(255,255,255,.08);transition:border-color .45s,background .45s}
.sy42.sx4 .sy42b p{text-decoration:line-through;text-decoration-color:transparent;text-decoration-thickness:2px;transition:text-decoration-color .6s ease .1s,color .5s}
.sy42.sx4 .sy42k{transform:scale(0);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1) .35s,opacity .2s .35s}
.seq:has(>.sx4m:not(.hid)) .sy42.sx4 .sy42b,.sy42.sx4.on .sy42b{border-color:#FF8A8A;background:rgba(255,90,90,.12)}
.seq:has(>.sx4m:not(.hid)) .sy42.sx4 .sy42b p,.sy42.sx4.on .sy42b p{text-decoration-color:#FF6B6B;color:rgba(255,255,255,.78)}
.seq:has(>.sx4m:not(.hid)) .sy42.sx4 .sy42k,.sy42.sx4.on .sy42k{transform:none;opacity:1}
.sx4go{align-self:flex-start;width:auto;margin-top:10px}
.sx4h{display:none!important}
.sx4r{animation:ga21in .45s ease both}
@media (prefers-reduced-motion:reduce){.sy42.sx4 .sy42b,.sy42.sx4 .sy42b p,.sy42.sx4 .sy42k,.sx4r{transition:none;animation:none}}
/* R3 · pasos con «Continuar»: paso activo con contraste fuerte, resto atenuado */
.sp4>.st23{transition:opacity .35s,box-shadow .35s,transform .35s,border-color .35s}
.sp4:not(.dn4)>.st23:not(.cur){opacity:.5}
.sp4>.st23.cur{opacity:1;border-color:#4DB2FF!important;box-shadow:inset 0 0 0 999px rgba(0,131,255,.2),0 0 0 2px #4DB2FF,0 10px 28px rgba(0,131,255,.35)!important;transform:translateX(4px)}
.sp4.dn4>.st23.cur{transform:none;box-shadow:inset 0 0 0 999px rgba(0,131,255,.12),0 0 0 1.5px rgba(77,178,255,.8)!important}
.ls44.sp4>.ls44r.cur .ic{background:#0083FF}
@media (prefers-reduced-motion:reduce){.sp4>.st23{transition:none}.sp4>.st23.cur{transform:none}}
/* R5 · filas icono/rótulo alineadas arriba con la primera línea del texto de la derecha (p.70 113-comb-c, p.111 114-saber-a) */
.kn131 .g12rv,.tb41.si32 .g12rv{align-items:start}
.kn131 .g12rvh,.kn131 .g12rvt,.kn131 .g12rvb,.tb41.si32 .g12rvh,.tb41.si32 .g12rvt,.tb41.si32 .g12rvb{align-self:start}
.kn131 .g12rvt{min-height:40px;display:flex;align-items:center}
.kn131 .g12rvb{padding-top:8px}
.kn131 .g12rvt{justify-content:flex-start;text-align:left}
.kn131 .g12rvt b{text-align:left;margin-left:0!important;margin-right:auto!important}
@media (max-width:760px){.kn131 .g12rvb{padding-top:0}}
/* R6 · p.21 111-nov-a: las cinco tarjetas con la misma altura, sin escalonado */
.g12steps{align-items:stretch}
.g12steps .g12rv,.g12steps .g12rv:nth-child(n){margin-top:0!important;align-self:stretch;height:auto}
/* R9 · «Siguiente idea» en una sola línea */
.cnl #sb,.cnl .btn{white-space:nowrap;flex:none;width:auto;max-width:none}
/* ===== C1-nuevo v3 · r9 · reglas globales de Sergio (29-10-2026) · 1.1-4.2 ===== */
/* R3 · pasos con «Continuar»: caja activa con contraste fuerte; el resto atenuado mientras se recorre */
.grsp>.st23{transition:opacity .35s,box-shadow .35s,transform .35s,border-color .35s}
.grsp.grbx:not(.grdn)>.st23.on:not(.cur){opacity:.5}
.grsp.grbx>.st23.cur{opacity:1;border-color:#4DB2FF!important;box-shadow:inset 0 0 0 999px rgba(0,131,255,.2),0 0 0 2px #4DB2FF,0 10px 28px rgba(0,131,255,.35)!important}
.grsp.grbx:not(.grdn)>.st23.cur{transform:translateX(4px)}
.grsp.grbx.grdn>.st23.cur{box-shadow:inset 0 0 0 999px rgba(0,131,255,.12),0 0 0 1.5px rgba(77,178,255,.8)!important}
@media (prefers-reduced-motion:reduce){.grsp>.st23{transition:none}.grsp>.st23.cur{transform:none!important}}
/* R1 · pasos que ya se veían enteros: se ocultan hasta que «Continuar» los descubre */
.grhd>.st23:not(.on){display:none!important}
.grhd>.st23.on{animation:ga21in .45s ease both}
@media (prefers-reduced-motion:reduce){.grhd>.st23.on{animation:none}}
/* R5 · tarjetas de un mismo set: misma altura, sin escalonado */
.g12steps{align-items:stretch}
.g12steps .g12rv,.g12steps .g12rv:nth-child(n){margin-top:0!important;align-self:stretch;height:auto}
/* R6 · bocadillo verde del profesional: junto a la columna de texto (no al borde derecho), ancho de lectura acotado */
.bu33.w-d.ok:not(.bu33s .bu33) .bu33m{flex-direction:row;align-self:flex-start;max-width:min(100%,720px);align-items:flex-start}
.bu33.w-d.ok:not(.bu33s .bu33) .bu33b{border-radius:4px 18px 18px 18px;padding-right:40px}
.bu33.w-d.ok:not(.bu33s .bu33) .bu33k{top:10px;right:10px}
.bu33s{max-width:880px}
/* R8 · «Siguiente idea» (conclusiones) en una sola línea */
.cnl #sb,.cnl .btn{white-space:nowrap;flex:none;width:auto;max-width:none}
/* R10 · conexiones: «Siguiente» por ideas, pregunta destacada aparte, cierre con icono */
.rt2.cx4{grid-template-columns:minmax(0,1fr) 64px minmax(0,1.35fr);align-items:center}
.rt2.cx4 .rline{height:3px;width:auto;margin:0 6px;background:repeating-linear-gradient(90deg,var(--bl,#8CC8FF) 0 8px,transparent 8px 14px)}
.rt2.cx4 .rn{display:flex;flex-direction:column;gap:10px}
.rt2.cx4 .rn p{margin:0;line-height:1.5}
.rt2.cx4 .rn.nx{gap:12px}
.cx4q,.cx4e{display:flex;gap:10px;align-items:flex-start}
.cx4q{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28)}
.cx4q .ic,.cx4e .ic{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff}
.cx4q .ic svg,.cx4e .ic svg{stroke:#fff}
.cx4q p,.cx4e p{flex:1 1 auto}
.cx4q b{font-weight:700}
@media (max-width:900px){.rt2.cx4{grid-template-columns:1fr}.rt2.cx4 .rline{height:32px;width:3px;margin:4px auto;background:repeating-linear-gradient(180deg,var(--bl,#8CC8FF) 0 8px,transparent 8px 14px)}}
/* R11 · pantallas solo de texto: un único acento ligero (subrayado del título + párrafo de entrada) */
.ac44 .hrow h2,.ac44>h2{position:relative;padding-bottom:12px}
.ac44 .hrow h2::after,.ac44>h2::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:84px;border-radius:3px;background:linear-gradient(90deg,#0083FF,#7FC4FF);animation:ac44u .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes ac44u{from{width:0}to{width:84px}}
.ac44 .pr.ac44p{background:linear-gradient(90deg,rgba(0,131,255,.12),rgba(255,255,255,0) 70%)!important;border:0!important;border-left:3px solid rgba(77,178,255,.8)!important;border-radius:4px 14px 14px 4px;padding:10px 14px!important;align-items:center}
.ac44 .pr.ac44p>.ic{flex:0 0 34px;width:34px;height:34px;border-radius:10px}
.ac44 .pr.ac44p>.ic svg{width:18px;height:18px}
.ac44 .pr.ac44p p{margin:0}
@media (prefers-reduced-motion:reduce){.ac44 .hrow h2::after,.ac44>h2::after{animation:none}}
/* R9 · tablas «situación → qué debes…»: filas apiladas; la explicación se despliega a la derecha; móvil en acordeón (copia de 4.3 r2) */
.vt43.g12rvg{grid-template-columns:minmax(0,1fr)!important;gap:10px}
.vt43 .g12rv,.vt43 .g12rv:nth-child(n){margin-top:0!important;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);grid-template-areas:"h b" "t b";column-gap:24px;row-gap:4px;align-items:center;padding:11px 18px;min-height:0;width:100%}
.vt43 .g12rvh{grid-area:h;flex-wrap:nowrap;gap:10px}
.vt43 .g12rvh .g12mk{width:auto;margin:0}
.vt43 .g12rv .ic{width:34px;height:34px}
.vt43 .g12rvt{grid-area:t;align-self:start;font-size:16px}
.vt43 .g12rvb,.vt43 .g12rv .ocxk{grid-area:b}
.vt43 .g12rvb{display:flex;visibility:hidden;align-self:center;padding:4px 0 4px 20px;border-left:2px solid rgba(140,200,255,.45);clip-path:inset(0 100% 0 0)}
.vt43 .g12rv.on .g12rvb{visibility:visible;clip-path:inset(0 0 0 0);animation:none;transition:clip-path .65s cubic-bezier(.2,.8,.2,1)}
.vt43 .g12rv .ocxk{align-self:center;justify-self:start;padding-left:22px}
.vt43 .g12rv.on .ocxk{display:none}
.vt43 .g12rv:hover:not(.on):not(.lk){transform:translateX(3px)}
@media (max-width:760px){
 .vt43 .g12rv,.vt43 .g12rv:nth-child(n){grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "t" "b";padding:12px 14px}
 .vt43 .g12rvb{display:none;visibility:visible;clip-path:none;padding:8px 0 0;border-left:0;border-top:1px solid rgba(140,200,255,.3)}
 .vt43 .g12rv.on .g12rvb{display:flex;animation:stm .45s both}
 .vt43 .g12rv .ocxk{padding-left:0}}
@media (prefers-reduced-motion:reduce){.vt43 .g12rv.on .g12rvb{transition:none}}
/* R4 · cuadros resumen: icono a la altura de la primera línea del título */
.smr .a{align-items:flex-start}
.smr .a .ic{flex:0 0 auto;margin-top:-6px}
/* R3 · steppers con recuadro interior (3.1 rl31, 3.4 cm34): paso activo fuerte, anteriores atenuados hasta terminar */
.grsp:not(.grdn)>.rl31r.on:not(.cur),.grsp:not(.grdn)>.cm34r.on:not(.cur){opacity:.5!important}
.rl31r,.cm34r{transition:opacity .35s}
.grsp>.rl31r.cur .rl31c{border-color:#4DB2FF!important;background:rgba(0,131,255,.22)!important;box-shadow:0 0 0 2px #4DB2FF,0 10px 28px rgba(0,131,255,.35)!important}
.grsp:not(.grdn)>.rl31r.cur .rl31c{transform:translateX(4px)!important}
.grsp>.cm34r.cur>div{border-color:#4DB2FF!important;background:rgba(0,131,255,.18)!important;box-shadow:0 0 0 1.5px #4DB2FF!important}
.grsp>.cm34r.cur>.cm34q{background:rgba(0,131,255,.3)!important}
@media (prefers-reduced-motion:reduce){.grsp>.rl31r.cur .rl31c{transform:none}}
/* R3 · 4.2 línea temporal tl42 y pares tr42: paso activo fuerte, anteriores atenuados hasta terminar */
.grsp:not(.grdn)>.tl42r.on:not(.cur),.grsp:not(.grdn)>.tr42r.on:not(.cur){opacity:.5!important}
.tl42r,.tr42r{transition:opacity .35s}
.grsp>.tl42r.cur p{border-color:#4DB2FF!important;background:rgba(0,131,255,.22)!important;box-shadow:0 0 0 2px #4DB2FF,0 10px 28px rgba(0,131,255,.35)!important}
.grsp>.tl42r.cur .tl42d{box-shadow:0 0 0 3px #4DB2FF,0 0 18px rgba(77,178,255,.6)!important}
.grsp>.tr42r.cur .tr42c.a{border-color:#4DB2FF!important;background:rgba(0,131,255,.18)!important;box-shadow:0 0 0 1.5px #4DB2FF!important}
.grsp>.tr42r.cur .tr42c.b{border-color:#7FE0B8!important;background:rgba(14,159,110,.26)!important;box-shadow:0 0 0 2px #7FE0B8,0 10px 28px rgba(14,159,110,.3)!important}
/* ===== Curso 2 · v3 · cabecera + Módulo 1 + apartado 1.1 (paleta azul #0083FF / #FFFFFF / #00277B / #53647B) ===== */
/* objetivo del curso: primera competencia a lo ancho, las tres siguientes en fila (numeración continua 01-04) */
.og.og1w>.oc{flex:0 0 100%;max-width:100%}
@media (min-width:761px){.og.og1w{display:grid;grid-template-columns:minmax(0,1fr)}}
.obj .cmpt .cmpl+.og{margin-bottom:6px}
.c2wel{font-size:1.18em;font-weight:650;color:#fff}
.dbadge.db2 b{font-size:20px;text-transform:lowercase}
/* NT-137 · cuatro decisiones, una prioridad */
.cv137{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.cv137g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.cv137c{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1.5px solid rgba(0,131,255,.55);min-height:118px}
.cv137c:not(.on),.cv137h:not(.on),.cv137:not(:has(.cv137h.on)) .cv137a{visibility:hidden}
.cv137c.on,.cv137h.on{animation:ga21in .45s ease both}
.cv137n{font-weight:800;color:#8CC8FF;font-size:.95rem}
.cv137c .ic,.cv137h .ic{width:34px;height:34px;border-radius:50%;background:#00277B;display:grid;place-items:center;color:#fff;flex:none}
.cv137c .ic svg,.cv137h .ic svg{width:18px;height:18px}
.cv137c b{color:#fff;font-size:1rem;line-height:1.35}
.cv137a{display:flex;justify-content:center;color:#8CC8FF}
.cv137h{display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:16px;background:rgba(0,131,255,.18);border:2px solid #0083FF}
.cv137h .ic{background:#0083FF}
.cv137h p{margin:0}
.cv137 .st23b{align-self:flex-start;width:auto}
@media (max-width:900px){.cv137g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cv137g{grid-template-columns:minmax(0,1fr)}.cv137c{min-height:0;flex-direction:row;align-items:center}}
@media (prefers-reduced-motion:reduce){.cv137c.on,.cv137h.on{animation:none}}
/* NT-103 con nombre y varias líneas (Aseguradora A / B): mismas cajas, misma altura */
.mkn2 .mk34x p{margin:.25em 0 0}
.mkn2 .mk34x b{display:block;color:#fff}
/* NT-79 con rótulo «Primer nivel.»: sangría creciente por nivel en escritorio */
@media (min-width:761px){.lyc2 .g12rv:nth-child(2){margin-left:28px!important}.lyc2 .g12rv:nth-child(3){margin-left:56px!important}}
/* NT-119 dentro de una frase: tachado en dos pasos (limpio al llegar → «Continuar» lo tacha) */
.seq>.sx2m{display:none!important}
.x2q{padding:0 .2em;border-radius:6px;background:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(140,200,255,.45);text-decoration:line-through;text-decoration-color:transparent;text-decoration-thickness:2px;transition:text-decoration-color .6s ease .1s,color .5s,background .45s,box-shadow .45s}
.x2k{display:inline-grid;place-items:center;vertical-align:middle;margin-left:4px;color:#FF6B6B;transform:scale(0);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1) .35s,opacity .2s .35s}
.seq:has(>.sx2m:not(.hid)) .x2q{text-decoration-color:#FF6B6B;color:rgba(255,255,255,.78);background:rgba(255,90,90,.12);box-shadow:0 0 0 1px #FF8A8A}
.seq:has(>.sx2m:not(.hid)) .x2k{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.x2q,.x2k{transition:none}}
@media (min-width:761px){.og.c2og3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.og.c2og3>.oc{max-width:none;width:auto}}
/* Curso 3 · 1.2 · lista de comprobación (ficha de identificación de una instrucción, 1.2.4) · paleta #0083FF / #FFFFFF / #00277B / #53647B */
.chk3{display:flex;flex-direction:column;gap:.55rem;max-width:760px;margin:.4rem 0}
.chk3h{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.2rem}.chk3h b{color:#FFFFFF;font-size:1.08rem}.chk3h .sub{color:rgba(255,255,255,.72);font-size:.92rem}
.chk3r{display:flex;align-items:center;gap:.75rem;text-align:left;background:rgba(255,255,255,.04);border:1.5px solid rgba(0,131,255,.4);border-radius:12px;padding:.7rem .9rem;color:#FFFFFF;font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.chk3r:hover{border-color:#0083FF}.chk3r:focus-visible{outline:3px solid #0083FF;outline-offset:2px}
.chk3b{flex:0 0 auto;width:26px;height:26px;border-radius:7px;border:2px solid #0083FF;display:grid;place-items:center;color:transparent;background:transparent;transition:background .2s,color .2s}
.chk3r.on{background:rgba(0,131,255,.14);border-color:#0083FF}.chk3r.on .chk3b{background:#0083FF;color:#FFFFFF}
.chk3t{line-height:1.4}
.chk3f{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.3rem;color:rgba(255,255,255,.72);font-size:.95rem}.chk3c b{color:#0083FF}
.chk3x{background:none;border:1.5px solid rgba(255,255,255,.35);color:rgba(255,255,255,.8);border-radius:999px;padding:.35rem .9rem;font:inherit;font-size:.9rem;cursor:pointer}.chk3x:hover{border-color:#0083FF;color:#FFFFFF}
/* 2.4 · aud R4-badge-mid: en párrafos destacados largos (4 líneas) el icono va a la altura de la primera línea */
#stage .scr div.pr.ac44p{align-items:flex-start!important}
#stage .scr div.pr.ac44p>span.ic{margin-top:-2px}
/* PBCFT 2026 · v3 · apartado 3.5 — diseños en tools/pdx.css + pdx2.css */\n
/* === PBCFT 5.5 piloto historia animada ejemplo (06-11-2026) === */
.hst{--blue:#0083FF;--navy:#00277B;--slate:#53647B;--white:#FFFFFF;position:relative;display:flex;flex-direction:column;gap:14px;min-height:0}
.hst .hststage{position:relative;background:linear-gradient(160deg,#00277B 0%,#003a9e 45%,#0083FF 100%);border-radius:18px;padding:22px 22px 18px;color:var(--white);overflow:hidden;box-shadow:0 16px 40px rgba(0,39,123,.28);min-height:260px}
.hst .hststage::before{content:"";position:absolute;inset:-40% -20% auto auto;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.hst .hststage::after{content:"";position:absolute;inset:auto auto -30% -10%;width:220px;height:220px;border-radius:50%;background:rgba(0,131,255,.25);pointer-events:none}
.hst .hstkicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.9;margin-bottom:8px;position:relative;z-index:1}
.hst .hstkicker .dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2);animation:hstpulse 1.6s ease-in-out infinite}
.hst .hstscene{position:relative;z-index:1;min-height:140px}
.hst .hstcard{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);border-radius:14px;padding:16px 18px;margin-top:10px;transform:translateY(10px);opacity:0;animation:hstin .55s ease forwards}
.hst .hstcard b{display:block;font-size:1.02rem;line-height:1.35;margin-bottom:6px}
.hst .hstcard p{margin:0;color:rgba(255,255,255,.92);line-height:1.45;font-size:.95rem}
.hst .hstfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.hst .hstfact{background:var(--white);color:var(--navy);border-radius:12px;padding:12px;border:1px solid rgba(0,131,255,.18);box-shadow:0 8px 20px rgba(0,39,123,.08);display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(12px);animation:hstin .45s ease forwards}
.hst .hstfact .ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#E8F3FF;color:var(--blue);display:grid;place-items:center}
.hst .hstfact p{margin:0;font-size:.86rem;line-height:1.35;color:var(--slate)}
.hst .hstprog{display:flex;gap:6px;margin-top:4px}
.hst .hstprog i{flex:1;height:4px;border-radius:99px;background:rgba(0,39,123,.12)}
.hst .hstprog i.on{background:var(--blue)}
.hst .hstnav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.hst .hstnav .btn{margin:0}
.hst .hstcap{font-size:.8rem;color:var(--slate)}
.hst .hstico{position:relative;z-index:1;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);margin-bottom:8px}
@keyframes hstin{to{opacity:1;transform:none}}
@keyframes hstpulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}
@media (prefers-reduced-motion:reduce){.hst .hstcard,.hst .hstfact{animation:none;opacity:1;transform:none}.hst .hstkicker .dot{animation:none}}

/* PBCFT 2026 · v3 · diseños nuevos (06-11-2026) — paleta Phase 4 (#0083FF / #FFFFFF / #00277B / #53647B) */
/* OBJ-D · Objetivo con diana animada */
.objd .dhero{grid-template-columns:auto minmax(0,1fr);gap:30px;padding:28px 34px}
.objd .dwrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}
.objd .dna{width:124px;height:124px;overflow:visible;flex:none}
.objd .dna circle{fill:none}
.objd .dna .dg{fill:rgba(0,131,255,.16)}
.objd .dna .d3,.objd .dna .d2,.objd .dna .d1{stroke:#fff;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1)}
.objd .dna .d3{stroke-width:2;stroke-opacity:.55}.objd .dna .d2{stroke-width:2.5;stroke-opacity:.8;transition-delay:.15s}.objd .dna .d1{stroke-width:3;transition-delay:.3s}
.objd .dna.in .d3,.objd .dna.in .d2,.objd .dna.in .d1{stroke-dashoffset:0}
.objd .dna .d0{fill:#0083FF;stroke:#fff;stroke-width:3;transform-origin:60px 60px;transform:scale(0);transition:transform .45s .45s cubic-bezier(.3,1.6,.5,1)}
.objd .dna.in .d0{transform:scale(1)}
.objd .dna .dhit{stroke:#fff;stroke-width:2;opacity:0;transform-origin:60px 60px}
.objd .dna .dar{opacity:0;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.objd .dna .dar .hd{fill:#fff;stroke-width:1.5}
.objd .dna .dar .fl{stroke:#0083FF;stroke-width:3}
.objd .dna.hit .dar{animation:dfly .5s cubic-bezier(.2,.8,.25,1) forwards}
.objd .dna.hit .dhit{animation:dring .8s .42s ease-out}
.objd .dna.hit .d3{animation:dbeat .6s .42s ease-out}
@keyframes dfly{0%{opacity:0;transform:translate(46px,-46px)}25%{opacity:1}100%{opacity:1;transform:translate(0,0)}}
@keyframes dring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(4.4)}}
@keyframes dbeat{0%{stroke-opacity:.55}40%{stroke-opacity:1;stroke-width:4}100%{stroke-opacity:.55}}
.objd .dcnt{font-size:13px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
.objd .dcnt b{color:#fff;font-size:18px}
.objd .dtx p{color:#fff;font-size:clamp(17px,1.5vw,21px);line-height:1.5;font-weight:520;margin:0}
.objd .dph{background-image:linear-gradient(#0083FF,#0083FF);background-repeat:no-repeat;background-size:0 3px;background-position:0 100%;padding-bottom:2px;animation:dsweep .9s var(--d) cubic-bezier(.3,.7,.2,1) forwards}
@keyframes dsweep{to{background-size:100% 3px}}
@media (max-width:760px){.objd .dhero{grid-template-columns:1fr;justify-items:start;padding:20px}.objd .dna{width:84px;height:84px}.objd .og.ogd{--c:1!important}}
@media (min-width:761px) and (max-height:700px){.objd .dhero{padding:16px 24px;gap:20px}.objd .dna{width:92px;height:92px}.objd .dtx p{font-size:15.5px}.objd .og.ogd>.oc p{font-size:13px;line-height:1.35}}
@media (prefers-reduced-motion:reduce){.objd .dna *{transition:none!important;animation:none!important}.objd .dna .d3,.objd .dna .d2,.objd .dna .d1{stroke-dashoffset:0}.objd .dna .d0{transform:none}.objd .dph{animation:none;background-size:100% 3px}}
/* OBJ-D · tarjetas del bloque «Objetivo» en una fila (número + icono + texto) para que la lista completa quepa con la diana sin desplazar (1366×657) */
.objd .og.ogd .oc{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;column-gap:10px;padding:12px 14px}
.objd .og.ogd .oc>.n{grid-column:1;grid-row:1}
.objd .og.ogd .oc>.ic{grid-column:2;grid-row:1}
.objd .og.ogd .oc>p{grid-column:3;grid-row:1;align-self:start;padding-top:3px}
.objd .cmpt{display:flex;flex-direction:column;gap:12px}
@media (min-width:761px) and (max-height:700px){.objd .og.ogd .oc{padding:8px 12px}.objd .og.ogd{--g:8px}}
.objd .og.ogd{display:grid!important;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:var(--g,10px)}
.objd .og.ogd>.ocw{display:flex;min-width:0}
.objd .og.ogd>.ocw>.oc{flex:1 1 auto;min-width:0;max-width:none;width:auto}
@media (max-width:760px){.objd .og.ogd{grid-template-columns:minmax(0,1fr)}}
/* BA-2 · ANTES → AHORA */
.ba2{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:stretch;position:relative}
.ba2 .bac{position:relative;border-radius:20px;padding:24px 26px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh)}
.ba2 .bac .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.ba2 .bac .bak{font-size:13px;font-weight:800;letter-spacing:.16em}
.ba2 .bac p{margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.5}
.ba2 .bac.a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}
.ba2 .bac.a .ic{background:rgba(83,100,123,.35);color:#fff}.ba2 .bac.a .bak{color:rgba(255,255,255,.7)}.ba2 .bac.a p{color:rgba(255,255,255,.85)}
.ba2 .bac.b{background:linear-gradient(135deg,#0083FF,#00277B);border:1px solid rgba(140,200,255,.45);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.ba2 .bac.b .ic{background:rgba(255,255,255,.18);color:#fff}.ba2 .bac.b .bak{color:#fff}.ba2 .bac.b p{color:#fff}
.ba2 .bac.b mark{color:#fff;background-image:linear-gradient(transparent 62%,rgba(255,255,255,.35) 62%);background-color:transparent}
.ba2 .bac.b.off{opacity:0;transform:translateX(-24px) scale(.97);pointer-events:none}
.ba2 .bax{display:flex;align-items:center;justify-content:center;position:relative;width:56px;color:#fff}
.ba2 .bax i{position:absolute;left:0;right:0;top:50%;height:3px;border-radius:3px;background:linear-gradient(90deg,#53647B,#0083FF);transform-origin:left;transform:scaleX(.25);transition:transform .6s}
.ba2 .bax svg{position:relative;opacity:.5;transition:opacity .4s .3s}
.ba2.on .bax i{transform:scaleX(1)}.ba2.on .bax svg{opacity:1}
.ba2 .bab{position:absolute;right:26px;bottom:26px}
.ba2.on .bab{display:none}
@media (max-width:760px){.ba2{grid-template-columns:minmax(0,1fr)}.ba2 .bax{width:auto;height:36px;transform:rotate(90deg)}.ba2 .bab{position:static;justify-self:start}}
@media (prefers-reduced-motion:reduce){.ba2 *{transition:none!important}}

.ba2 .bah{display:flex;align-items:center;gap:12px}
@media (max-width:760px){#stage .hk .btn.cue,#stage .btn.cue{width:auto;max-width:100%;align-self:flex-start;justify-self:start}}
.ba2 .bac p::first-letter{text-transform:uppercase}

/* Q3 · tres preguntas (m1-intro) */
.q3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:4px}
.q3 .q3c{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:150px;padding:20px 18px;border-radius:18px;text-align:left;cursor:pointer;color:#fff;font:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 0 rgba(0,131,255,.45);animation:flin .5s var(--d) both,q3pulse 2.2s ease-out calc(var(--d) + .6s) 3;transition:background .4s,border-color .4s,transform .3s,box-shadow .4s}
@keyframes q3pulse{0%{box-shadow:0 0 0 0 rgba(0,131,255,.5)}70%{box-shadow:0 0 0 14px rgba(0,131,255,0)}100%{box-shadow:0 0 0 0 rgba(0,131,255,0)}}
.q3 .q3c:hover{transform:translateY(-2px);border-color:rgba(0,131,255,.7)}
.q3 .q3n{font-size:13px;font-weight:800;letter-spacing:.16em;color:#0083FF}
.q3 .q3q{font-size:clamp(16px,1.35vw,20px);font-weight:700;line-height:1.35;filter:blur(6px);user-select:none;transition:filter .45s;color:#fff}
.q3 .q3hint{margin-top:auto;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.q3 .q3c.on{background:linear-gradient(150deg,rgba(0,131,255,.38),rgba(0,39,123,.55));border-color:rgba(0,131,255,.8);cursor:default;animation:flin .5s var(--d) both;box-shadow:0 12px 28px rgba(0,131,255,.25)}
.q3 .q3c.on .q3q{filter:none;user-select:auto}
.q3 .q3c.on .q3hint{display:none}
@media (max-width:900px){.q3{grid-template-columns:minmax(0,1fr)}.q3 .q3c{min-height:0}}
@media (prefers-reduced-motion:reduce){.q3 .q3c{animation:none!important}}
/* Sergio 06-11 slide 11: icono alineado con la 1.ª línea de la frase (flex-start + pad óptico; respeta R4-badge-mid) */
#stage .scr .pr{align-items:flex-start}
#stage .scr .pr>.ic{margin-top:0;align-self:flex-start}
#stage .scr .pr>p{margin:0;padding-top:3px}
/* 11-h1 / 11-h2: tarjeta con icono + frase en bloque más compacto y simétrico */
#stage .scr[data-id="11-h1"] .pr,#stage .scr[data-id="11-h2"] .pr{gap:14px;padding:18px 20px}
#stage .scr[data-id="11-h1"] .pr>.ic,#stage .scr[data-id="11-h2"] .pr>.ic{width:44px;height:44px}
/* OBJ-D · tarjeta bloqueada (antes del revelado gradual) */
.objd .og.ogd .oc.lk{opacity:.35;filter:saturate(.6)}
.objd .og.ogd .oc.lk p{filter:blur(5px);user-select:none}
.objd .og.ogd .oc.on{opacity:1;filter:none;transition:opacity .35s,filter .35s,border-color .35s,box-shadow .35s}
/* PBCFT 2026 · v3 · diseños nuevos 1.3–1.5 + cierre M1 (06-11-2026) — paleta Phase 4 (#0083FF / #FFFFFF / #00277B / #53647B) */
/* DTN · «Detente antes de continuar» */
.dtn .dtne{display:inline-flex;align-items:center;gap:8px}
.dtn .dtni{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:#0083FF;color:#fff;box-shadow:0 0 0 0 rgba(0,131,255,.55);animation:dtnp 2.2s ease-out 3}
@keyframes dtnp{0%{box-shadow:0 0 0 0 rgba(0,131,255,.55)}70%{box-shadow:0 0 0 12px rgba(0,131,255,0)}100%{box-shadow:0 0 0 0 rgba(0,131,255,0)}}
.dtn .dtnk{display:inline-block;margin-bottom:4px}
.dtnq{opacity:.85}
/* FLW-P · flujo de pasos */
.flp{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:22px;align-items:stretch;margin-top:6px}
.flp .flpn{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);opacity:.28;transform:translateY(8px);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1),background .45s,border-color .45s}
.flp .flpn.on{opacity:1;transform:none;background:linear-gradient(160deg,rgba(0,131,255,.32),rgba(0,39,123,.55));border-color:rgba(0,131,255,.75)}
.flp .flpn.cur{box-shadow:0 0 0 2px #0083FF,0 10px 28px rgba(0,0,0,.25)}
.flp .flpk{font-size:12px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.flp .flpn b{color:#fff;font-size:clamp(15px,1.25vw,18px);line-height:1.3;font-weight:750}
.flp .flpa{position:absolute;left:-21px;top:50%;width:20px;display:flex;justify-content:center;transform:translateY(-50%);color:#0083FF}
.flp .flpa svg{width:17px;height:17px}
.flp .st23b{grid-column:1/-1;justify-self:start}
.flp.flst .flpn{animation:flin .5s var(--d) both}
@keyframes flin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:760px){.flp{grid-template-columns:minmax(0,1fr);gap:12px}.flp .flpa{left:18px;top:-12px;width:auto;height:12px;transform:rotate(90deg)}}
/* TL-2 · dos momentos */
.tl2p{display:flex;flex-direction:column;gap:14px}
.tl2p .tl2r{display:grid;grid-template-columns:auto 64px minmax(0,1fr);align-items:center;gap:14px;opacity:.25;transform:translateX(-10px);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.tl2p .tl2r.on{opacity:1;transform:none}
.tl2p .tl2y{font-size:clamp(30px,3.2vw,44px);font-weight:800;color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;min-width:3.2ch}
.tl2p .tl2r:nth-child(2) .tl2y{color:#0083FF}
.tl2p .tl2l{position:relative;display:flex;align-items:center;justify-content:flex-end;color:#0083FF;height:20px}
.tl2p .tl2l i{position:absolute;left:0;right:10px;top:50%;height:3px;border-radius:3px;background:linear-gradient(90deg,#53647B,#0083FF);transform-origin:left;transform:scaleX(0);transition:transform .6s .15s}
.tl2p .tl2r.on .tl2l i{transform:scaleX(1)}
.tl2p .tl2c{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.tl2p .tl2r.on .tl2c{background:linear-gradient(135deg,rgba(0,131,255,.3),rgba(0,39,123,.5));border-color:rgba(0,131,255,.65)}
.tl2p .tl2c .ic{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);color:#fff}
.tl2p .tl2c p{margin:0;color:#fff}
.tl2p .st23b{align-self:flex-start}
@media (max-width:760px){.tl2p .tl2r{grid-template-columns:minmax(0,1fr);gap:6px}.tl2p .tl2l{display:none}}
/* NS-P · no significa → significa */
.nsp .bac .bah .ic{width:40px;height:40px}
.nsp .bac.a p{text-decoration:none}
/* GRID-N · mosaico de aspectos (Sergio 06-11: pulse en las no pulsadas + 4 arriba / 3 abajo centradas) */
.gdx{display:flex;flex-direction:column;gap:12px}
.gdx .grdl{margin:0}
.gdx .grdh{display:flex;justify-content:flex-end}
.gdx .grdc{font-size:13px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
.gdx .grdc b{color:#fff;font-size:18px}
/* Sergio 06-11: grids equilibrados — 4→2+2, 5→3+2, 7→4+3, 9→3+3+3, 10→4+3+3; última fila centrada (wGRDN) */
.gdx .grdg{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:12px;width:100%;--cols:3}
.gdx .grdt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;box-sizing:border-box;min-width:0;min-height:118px;padding:16px;border-radius:16px;text-align:center;cursor:pointer;color:#fff;font:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 0 rgba(0,131,255,.5);animation:flin .45s var(--d) both,gdpulse 2.2s ease-out calc(var(--d) + .5s) infinite;transition:background .4s,border-color .4s,transform .3s,box-shadow .4s}
@keyframes gdpulse{0%{box-shadow:0 0 0 0 rgba(0,131,255,.5)}70%{box-shadow:0 0 0 12px rgba(0,131,255,0)}100%{box-shadow:0 0 0 0 rgba(0,131,255,0)}}
.gdx .grdt:hover{transform:translateY(-2px)}
.gdx .grdt .grdn0{font-size:12px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.65)}
.gdx .grdt .ici{display:flex;justify-content:center;width:100%}
.gdx .grdt .ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(83,100,123,.45);color:#fff;transition:background .4s;margin:0 auto}
.gdx .grdt .grdx{font-size:clamp(15px,1.2vw,17px);font-weight:650;line-height:1.35;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;width:100%}
.gdx .grdt.on{background:linear-gradient(150deg,rgba(0,131,255,.35),rgba(0,39,123,.55));border-color:rgba(0,131,255,.75);cursor:default;animation:flin .45s var(--d) both;box-shadow:none}
.gdx .grdt.on .ic{background:#0083FF}
.gdx .grdt.on .grdx{opacity:1;transform:none}
@media (min-width:761px) and (max-height:700px){.gdx .grdt{min-height:92px;padding:12px;gap:6px}.gdx .grdt .ici{display:flex;justify-content:center;width:100%}
.gdx .grdt .ic{width:32px;height:32px}}
@media (max-width:760px){
/* Sergio 06-11 M3v2: móvil 5→2+2+1 (no 2+1+2). --cols:2 !important gana al inline style=3 del desktop */
.gdx .grdg{--cols:2!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.gdx[style*="--n:1"] .grdg{--cols:1!important;grid-template-columns:minmax(0,1fr)}
.gdx .grdt{min-height:96px}
}
@media (min-width:761px) and (max-width:1100px){
/* tablet: mosaicos ≥4 en 2 cols → 5→2+2+1 (Sergio M3v2) */
.gdx .grdg{--cols:2!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.gdx[style*="--n:1"] .grdg{--cols:1!important;grid-template-columns:minmax(0,1fr)}
.gdx[style*="--n:3"] .grdg{--cols:3!important;grid-template-columns:repeat(3,minmax(0,1fr))}
}
}
@media (prefers-reduced-motion:reduce){.gdx .grdt{animation:flin .45s var(--d) both!important}}
/* CKL · comprobaciones en cascada */
.ckl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ckl li{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:clamp(15px,1.2vw,17px);line-height:1.4;animation:flin .45s var(--d) both}
.ckl li .ic{flex:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#0083FF;color:#fff}
.ckl.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.ckl.c2{grid-template-columns:minmax(0,1fr)}}
.seq>.hid .ckl li,.seq>.hid .flp.flst .flpn{animation:none}
/* IK-P · idea clave (Sergio 06-11: click-to-reveal; .ikp.ikhid empieza cerrada) */
.ikp{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#0083FF,#00277B);border:1px solid rgba(0,131,255,.65);box-shadow:var(--sh);overflow:hidden;animation:flin .55s both}
.ikp::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;border:24px solid rgba(255,255,255,.07)}
.ikp .ikph{display:flex;align-items:center;gap:12px}
.ikp .ikph .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);color:#fff}
.ikp .ikpk{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.ikp>p,.ikp .ikpb{margin:0;color:#fff;font-size:clamp(18px,1.7vw,24px);line-height:1.45;font-weight:600}
.ikp .flp .flpn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}
.ikp .flp .flpn.on{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
.ikp .flp .flpa{color:#fff}
.ikp.ikhid{cursor:pointer;box-shadow:0 0 0 0 rgba(0,131,255,.55);animation:flin .55s both,gdpulse 2.2s ease-out .4s 4}
.ikp.ikhid .ikpb{display:none}
.ikp.ikhid .ikptap{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.ikp.ikhid.on{cursor:default;animation:flin .55s both;box-shadow:var(--sh)}
.ikp.ikhid.on .ikpb{display:block;animation:flin .45s both}
.ikp.ikhid.on .ikptap{display:none}
/* HAB-2 · dos hábitos (Sergio 06-11: icono + texto centrados en la tarjeta) */
.hab2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
.hab2 .habc{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;padding:22px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(0,131,255,.3),rgba(0,39,123,.5));border:1px solid rgba(0,131,255,.65);min-height:120px}
.hab2 .habc .ic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0083FF;color:#fff;margin:0 auto}
.hab2 .habc p{margin:0;color:#fff;text-align:center}
.hab2 .habp{align-self:center;font-size:28px;font-weight:800;color:#0083FF}
@media (max-width:760px){.hab2{grid-template-columns:minmax(0,1fr)}.hab2 .habp{justify-self:center;line-height:1}}
/* CX-M · mapa MÓDULO 1 ↓ MÓDULO 2 */
.cxm .cxmm{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.cxm .cxmc{display:flex;flex-direction:column;gap:4px;padding:14px 20px;border-radius:14px;min-width:min(520px,100%)}
.cxm .cxmc small{font-size:12px;font-weight:800;letter-spacing:.16em;color:rgba(255,255,255,.75)}
.cxm .cxmc b{color:#fff;font-size:clamp(16px,1.4vw,20px);line-height:1.3}
.cxm .cxmc.a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2)}
.cxm .cxmc.b{background:linear-gradient(135deg,#0083FF,#00277B);border:1px solid rgba(0,131,255,.75)}
.cxm .cxma{font-size:26px;line-height:1;color:#0083FF;font-weight:800;padding-left:22px;animation:cxbob 1.6s ease-in-out 3}
@keyframes cxbob{50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.flp .flpn,.tl2p .tl2r,.gdx .grdt,.ckl li,.ikp,.cxm .cxma,.dtn .dtni{animation:none!important;transition:none!important}}
/* R3 · paso activo destacado frente a los ya vistos (stepper) */
.tl2p .tl2r.on:not(.cur){opacity:.75}
.tl2p .tl2r.cur .tl2c{box-shadow:0 0 0 2px #0083FF,0 10px 28px rgba(0,0,0,.25)}
.hab2 .habw{display:flex;min-width:0}.hab2 .habw>.habc{flex:1 1 auto;min-width:0}
/* icon-audit sergio8 · centrado icono/texto en fichas comunes */
.tl2p .tl2c{align-items:center}
.ckl li{align-items:flex-start}
.ckl li .ic{margin-top:1px}
.nsp .bac .bah,.ba2 .bah{align-items:center}
.flp .flpn{align-items:center;text-align:center}
.flp .flpn b{text-align:center}

/* VIC 5 / Sergio 06-11: títulos repetidos → azul clarito pequeño + marcador 1/2 · 2/2 */
.eb.ebc{margin-bottom:6px;font-size:13px;letter-spacing:.12em;color:#8CC8FF}
.eb.ebc .r4exn,.hrow .r4exn,h2 .r4exn{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;border:1px solid rgba(140,200,255,.55);background:rgba(234,243,255,.12);font-size:12px;font-weight:800;letter-spacing:.08em;color:#B9DDFF;vertical-align:middle;text-transform:none}
.hrow .r4exn{margin-left:10px;align-self:center}
/* rCON: el anillo 1/N no debe heredar overflow del .cv de portadas */
.cn .cnv b.cv{padding:0;overflow:visible;position:absolute;inset:0;display:grid;place-items:center;font-size:44px;font-weight:800;color:#fff;line-height:1}
.cn .cnv b.cv small{font-size:18px;color:var(--sl,#C3CDDB);font-weight:700}
/* Portadas: mismo marco/radio/overlay M1↔M2 (Phase 4 v2) */
.cv2i{border-radius:28px;overflow:hidden;border:1px solid rgba(140,200,255,.3)}
.cv2i img{object-fit:cover;object-position:center}
.cv2i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,63,.62) 0%,rgba(0,20,63,.22) 38%,rgba(0,20,63,0) 65%),linear-gradient(0deg,rgba(0,20,63,.55) 0%,rgba(0,20,63,0) 48%);pointer-events:none;z-index:0}

/* === PBCFT 5.5 v4 · vídeo dinámico voz Elvira (07-11-2026) === */
.vd55{display:flex;flex-direction:column;gap:14px;min-height:0}
.vd55box{position:relative;width:100%;max-width:min(100%,calc((100vh - var(--top,56px) - var(--bot,62px) - 150px)*16/9));margin:0 auto;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#001645;box-shadow:0 24px 60px -16px rgba(0,8,40,.7),0 0 0 1px rgba(140,200,255,.18)}
.vd55v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#001645;display:block}
.vd55play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;border:0;cursor:pointer;background:rgba(0,131,255,.94);box-shadow:0 0 0 14px rgba(0,131,255,.22),0 20px 60px rgba(0,131,255,.55);display:flex;align-items:center;justify-content:center;animation:vd55p 1.8s ease-in-out infinite}
.vd55play[hidden]{display:none}
@keyframes vd55p{0%,100%{box-shadow:0 0 0 0 rgba(0,131,255,.45),0 20px 60px rgba(0,131,255,.55)}50%{box-shadow:0 0 0 16px rgba(0,131,255,0),0 20px 60px rgba(0,131,255,.55)}}
@media (max-width:640px){.vd55play{width:76px;height:76px}}