/* NOMI EduCare · hoja de estilos */
@font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/poppins-latin-200-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/inter-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2')}
:root{--paper:#ffffff;--paper-2:#f1f0f8;--ink:#0a0a12;--ink-60:rgba(10,10,18,.64);--ink-35:rgba(10,10,18,.42);--line:rgba(10,10,18,.10);--violet:#3a24d6;--violet-2:#6c5cff;--violet-soft:#ecebfb;--lilac:#9b8cf0;--navy:#15104a;--navy-2:#211a6b;--teal:#52b5a0;--coral:#e06650;--coral-soft:#fbe9e5;--amber:#e9a516;--sage:#63b9a5;--sage-soft:#e3f2ed;--skyc:#5a7cf0;--sky-soft:#e9edfd;--ground:#efeef8;--wave-a:#5a6cf0;--wave-b:#63b9a5;--display:'Poppins',"Century Gothic",'Futura',system-ui,sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:300;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,
h2,
h3,
h4{font-family:var(--display);font-weight:300;letter-spacing:-.03em;line-height:1.08}
a{color:inherit}
.wrap{width:min(1120px,100%);margin-inline:auto;padding-inline:clamp(20px,5vw,64px)}
.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--violet);font-weight:500;margin-bottom:12px}
.lede{font-size:1.08rem;color:var(--ink-60);max-width:58ch}
:focus-visible{outline:2px solid var(--violet-2);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;background:var(--ink);color:#fff;padding:12px 18px;z-index:99}
.skip:focus{left:14px;top:14px}
section{padding:clamp(52px,7vw,92px) 0}
.alt{background:var(--paper-2)}
.sec-head{max-width:60ch;margin-bottom:36px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font-size:clamp(1.9rem,4vw,2.9rem)}
.sec-head p{margin-top:15px}
.btn{text-decoration:none;padding:15px 28px;border-radius:99px;font-size:.97rem;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,background .2s;border:0;cursor:pointer;font-family:inherit;font-weight:500}
.btn--p{background:var(--violet);color:#fff}
.btn--p:hover{background:var(--violet-2);transform:translateY(-1px)}
.btn--g{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--g:hover{background:var(--paper-2)}
.btn--w{background:#fff;color:var(--violet)}
.btn--w:hover{background:var(--coral-soft)}
.acts{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px;align-items:center}
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;gap:14px;height:66px}
.nav__logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav__logo svg{height:18px;width:auto;fill:var(--ink)}
.nav__logo b{font-family:var(--display);font-weight:400;font-size:.67rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-35)}
.nav__cta{text-decoration:none;font-size:.84rem;font-weight:500;padding:9px 18px;border-radius:99px;background:var(--violet);color:#fff;white-space:nowrap}
.nav__cta:hover{background:var(--violet-2)}
.hero{position:relative;padding:clamp(58px,9vw,110px) 0 clamp(48px,7vw,84px);overflow:hidden;background:linear-gradient(170deg,var(--coral-soft) 0%,rgba(239,238,248,0) 58%)}
.hero__grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5.2vw,3.8rem);max-width:16ch}
.hero h1 em{font-style:normal;color:var(--violet)}
.hero .lede{margin-top:22px;font-size:1.14rem;max-width:52ch}
.hero__pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}
.pill{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 15px;border-radius:99px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-60)}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.role{border-radius:26px;padding:28px 26px;display:flex;flex-direction:column;gap:12px}
.role--e{background:var(--violet-soft)}
.role--a{background:var(--coral-soft)}
.role--d{background:var(--sage-soft)}
.role h3{font-size:1.2rem}
.role__q{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.role--e .role__q{color:var(--violet)}
.role--a .role__q{color:#c4451f}
.role--d .role__q{color:#1f8f5c}
.role>p{font-size:.9rem;color:var(--ink-60)}
.role ul{list-style:none;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(10,10,18,.1);padding-top:14px;margin-top:2px}
.role li{font-size:.84rem;color:var(--ink-60);display:flex;gap:9px;align-items:flex-start}
.role li::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-top:7px;flex:none;opacity:.5}
.cross{background:var(--navy);border-radius:26px;padding:30px 32px;color:#fff;margin-top:20px}
.cross h3{color:#fff;font-size:1.28rem;margin-bottom:8px}
.cross>p{color:rgba(255,255,255,.7);max-width:74ch;font-size:.93rem}
.cross__g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.cross__c{background:rgba(255,255,255,.07);border-radius:15px;padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cross__c b{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:7px}
.cross__c span{font-size:.86rem;color:rgba(255,255,255,.78)}
.roles--hier{grid-template-columns:1.32fr 1fr 1fr;align-items:start}
.role--main{box-shadow:0 22px 48px -30px rgba(58,36,214,.45),inset 0 0 0 1.5px rgba(58,36,214,.28)}
.role--opt{opacity:.94}
.role__badge{position:absolute;top:-10px;left:26px;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:99px;background:var(--violet);color:#fff;font-weight:600;white-space:nowrap}
.role__badge--opt{background:var(--paper-2);color:var(--ink-35);box-shadow:inset 0 0 0 1px var(--line)}
.role{position:relative}
.role--main h3{font-size:1.4rem}
.roles__rule{max-width:80ch;margin:20px auto 0;background:var(--paper);border-radius:16px;padding:16px 22px;box-shadow:inset 0 0 0 1px var(--line);font-size:.88rem;color:var(--ink-60);line-height:1.6;text-align:center}
@media (max-width:980px){
  .roles--hier{grid-template-columns:1fr}
}
.phone{position:relative;width:100%;max-width:320px;margin:0 auto;aspect-ratio:9/18.5;background:#0a0a12;border-radius:38px;padding:11px;box-shadow:0 36px 70px -34px rgba(10,10,18,.6),inset 0 0 0 2px rgba(255,255,255,.08)}
.phone__notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:98px;height:21px;background:#0a0a12;border-radius:0 0 14px 14px;z-index:3}
.phone__screen{position:relative;width:100%;height:100%;background:var(--paper);border-radius:28px;overflow:hidden}
.ascreen{position:absolute;inset:0;display:none;flex-direction:column;animation:afade .38s ease}
.ascreen[data-on]{display:flex}
@keyframes afade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ascreen h4{font-size:1.02rem;line-height:1.3;letter-spacing:-.02em}
.micwave{display:flex;align-items:center;gap:3px;height:26px;flex:1}
.micwave i{display:block;width:3px;border-radius:99px;background:#1f8f5c;opacity:.75;animation:mw 1s ease-in-out infinite}
@keyframes mw{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.phonealt{display:flex;gap:22px;align-items:flex-start;background:var(--navy);border-radius:24px;padding:30px 34px;margin-top:28px;color:#fff}
.phonealt__ic{width:48px;height:48px;border-radius:14px;background:rgba(99,185,165,.18);display:grid;place-items:center;flex:none}
.phonealt__ic svg{width:23px;height:23px;fill:none;stroke:var(--sage);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.phonealt h3{color:#fff;font-size:1.26rem;margin-bottom:9px}
.phonealt p{color:rgba(255,255,255,.76);font-size:.92rem;line-height:1.65;max-width:78ch}
@media (max-width:980px){
  .phonealt{flex-direction:column;gap:16px;padding:24px}
}
.cfgbox{display:flex;gap:18px;align-items:flex-start;background:var(--paper);border-radius:20px;padding:22px 26px;margin-top:20px;box-shadow:inset 0 0 0 1.5px var(--violet-soft)}
.cfgbox__i{width:42px;height:42px;border-radius:13px;background:var(--violet-soft);display:grid;place-items:center;flex:none}
.cfgbox__i svg{width:20px;height:20px;fill:none;stroke:var(--violet);stroke-width:1.8;stroke-linecap:round}
.cfgbox b{font-family:var(--display);font-weight:400;font-size:1.04rem;display:block;margin-bottom:6px}
.cfgbox p{font-size:.88rem;color:var(--ink-60);line-height:1.6;max-width:82ch}
.cfgbox__a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;color:var(--violet);text-decoration:none;padding:7px 14px;border-radius:99px;background:var(--violet-soft)}
.cfgbox__a:hover{background:#e3e0ff}
@media (max-width:640px){
  .cfgbox{flex-direction:column;gap:12px}
}
.plan__badge--pr{background:var(--amber);color:#4a3406}
.lede--2{margin-top:12px;font-size:1rem;color:var(--ink-35)}
.attrs{margin-top:22px}
.attrs__h{text-align:center;font-family:var(--mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-35);margin-bottom:18px}
.attrs__g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.attr{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--acs);border-radius:22px;padding:22px 18px 20px}
.attr b{font-family:var(--display);font-weight:500;font-size:1rem;color:var(--ink);line-height:1.25}
.attr>span:last-child{font-size:.85rem;color:var(--ink-60);line-height:1.45}
@media (max-width:980px){
  .attrs__g{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .attrs__g{grid-template-columns:1fr}
}
.safe-sec{background:linear-gradient(180deg,#f6f5fc 0%,var(--paper) 62%)}
.safe-head{max-width:64ch;margin-bottom:32px}
.safe-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#c4451f;background:#fff;padding:8px 16px;border-radius:99px;box-shadow:inset 0 0 0 1.5px rgba(224,53,59,.3);margin-bottom:16px}
.safe-badge__d{width:8px;height:8px;border-radius:50%;background:var(--coral);position:relative}
.safe-badge__d::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--coral);animation:sb 1.9s ease-out infinite}
@keyframes sb{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.8);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .safe-badge__d::after{animation:none}
}
.safe-head h2{font-size:clamp(1.9rem,4vw,2.9rem);margin-bottom:15px}
.safe-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.safe-card{background:var(--paper);border-radius:24px;padding:28px 26px;box-shadow:inset 0 0 0 1px var(--line)}
.safe-card--alert{background:#fff;box-shadow:inset 0 0 0 2px rgba(224,53,59,.28),0 22px 48px -34px rgba(224,53,59,.4)}
.safe-card h3{font-size:1.2rem;margin-bottom:8px}
.safe-card__t{font-size:.9rem;color:var(--ink-60);line-height:1.6;margin-bottom:16px}
.safe-alert{display:flex;align-items:center;gap:14px;background:var(--coral-soft);border-radius:16px;padding:16px 18px;margin-bottom:16px}
.safe-alert__ic{width:40px;height:40px;border-radius:12px;background:var(--coral);display:grid;place-items:center;flex:none}
.safe-alert__ic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.safe-alert b{font-family:var(--display);font-weight:500;font-size:1.02rem;color:#c4451f;display:block}
.safe-alert span{font-size:.82rem;color:var(--ink-60);display:block;margin-top:2px}
.safe-list{list-style:none;display:flex;flex-direction:column;gap:9px;padding-top:15px;border-top:1px solid var(--line)}
.safe-list li{font-size:.87rem;color:var(--ink-60);display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.safe-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral);margin-top:7px;flex:none}
@media (max-width:980px){
  .safe-grid{grid-template-columns:1fr}
}
.plan__feat{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line);padding-top:15px;margin-top:6px}
.plan--hl .plan__feat{border-top-color:rgba(255,255,255,.18)}
.plan__feat div{display:flex;flex-direction:column;gap:2px}
.plan__feat b{font-family:var(--display);font-weight:400;font-size:.92rem;line-height:1.3}
.plan--hl .plan__feat b{color:#fff}
.plan__feat span{font-size:.8rem;color:var(--ink-60);line-height:1.45}
.plan--hl .plan__feat span{color:rgba(255,255,255,.68)}
.plan--pr{box-shadow:inset 0 0 0 1.5px var(--amber)}
.plan__pr{font-size:.85rem;color:var(--ink-60);line-height:1.55;background:#fdf3dc;border-radius:13px;padding:14px 16px;margin-top:4px}
.plan__pr b{color:#8a6014;font-weight:500}
.cases{display:flex;flex-direction:column;gap:16px}
.case{background:#fff;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.case__h{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.case__h b{font-family:var(--display);font-weight:400;font-size:1.06rem}
.case__tag{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);background:var(--violet-soft);padding:5px 11px;border-radius:99px}
.case__g{display:grid;grid-template-columns:1fr 1fr}
.case__s{padding:22px 24px}
.case__s--a{background:var(--paper-2)}
.case__s--b{background:var(--sage-soft)}
.case__k{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:7px;margin-bottom:10px}
.case__s--a .case__k{color:var(--ink-35)}
.case__s--b .case__k{color:#1f8f5c}
.case__k i{width:6px;height:6px;border-radius:50%;display:inline-block}
.case__s--a .case__k i{background:var(--ink-35)}
.case__s--b .case__k i{background:var(--sage)}
.case__s p{font-size:.88rem;color:var(--ink-60);margin-bottom:10px}
.case__s--b p{color:#2b4a3a}
.case__when{font-family:var(--mono);font-size:.68rem;padding-top:10px;border-top:1px solid rgba(10,10,18,.1);color:var(--ink-35)}
.case__s--b .case__when{color:#1f8f5c;border-top-color:rgba(31,143,92,.25)}
.fp__k{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.rsum{background:rgba(255,255,255,.08);border-radius:16px;padding:16px 18px;margin-bottom:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.rsum__k{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);display:block;margin-bottom:10px}
.rsum__row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.85rem;color:rgba(255,255,255,.85)}
.rsum__row svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--sage);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rsum__row span{color:rgba(255,255,255,.55);min-width:118px}
.rsum__row b{font-weight:500;color:#fff}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vs__c{border-radius:26px;padding:30px 28px;display:flex;flex-direction:column;gap:18px}
.vs__c--a{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}
.vs__c--b{background:var(--sage-soft);box-shadow:inset 0 0 0 1px rgba(31,143,92,.18)}
.vs__k{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.vs__c--a .vs__k{color:var(--ink-35)}
.vs__c--b .vs__k{color:#1f8f5c}
.vs__k i{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor}
.vs__hours{display:flex;flex-direction:column;gap:11px}
.vh{display:flex;gap:14px;align-items:baseline}
.vh b{font-family:var(--display);font-weight:300;font-size:1.32rem;letter-spacing:-.03em;min-width:62px;flex:none}
.vs__c--a .vh b{color:var(--ink)}
.vs__c--b .vh b{color:#1f8f5c}
.vh span{font-size:.87rem;color:var(--ink-60);line-height:1.45}
.vs__tot{padding-top:16px;border-top:1px solid rgba(10,10,18,.12)}
.vs__c--b .vs__tot{border-top-color:rgba(31,143,92,.22)}
.vs__tot b{font-family:var(--display);font-weight:300;font-size:2.3rem;letter-spacing:-.04em;display:block;line-height:1}
.vs__c--a .vs__tot b{color:var(--coral)}
.vs__c--b .vs__tot b{color:#1f8f5c}
.vs__tot span{font-size:.87rem;color:var(--ink-60);display:block;margin-top:6px}
.vs__note{font-size:.86rem;color:var(--ink-60);line-height:1.55;margin-top:auto}
.vs__note strong{color:var(--ink);font-weight:500}
.cost-strip{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--navy);border-radius:24px;padding:30px 34px;margin-top:20px;color:#fff}
.cs__n{text-align:center;flex:none}
.cs__n b{font-family:var(--display);font-weight:200;font-size:3.2rem;letter-spacing:-.05em;display:block;line-height:1;color:var(--sage)}
.cs__n span{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:rgba(255,255,255,.55);display:block;margin-top:8px;max-width:16ch}
.cost-strip p{color:rgba(255,255,255,.78);font-size:.93rem;margin:0;max-width:56ch}
.cost-strip .btn{white-space:nowrap}
.cost-fn{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--ink-35);text-align:center;margin-top:20px;line-height:1.6;max-width:80ch;margin-inline:auto}
@media (max-width:980px){
  .vs{grid-template-columns:1fr}
  .cost-strip{grid-template-columns:1fr;text-align:center;gap:18px}
  .cs__n span{max-width:none}
  .cost-strip .btn{justify-self:center}
}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan{position:relative;background:var(--paper);border-radius:26px;padding:30px 28px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px}
.plan--hl{background:var(--navy);color:#fff;box-shadow:0 26px 54px -30px rgba(11,16,48,.6)}
.plan__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;background:var(--sage);color:#0e3d26;padding:5px 14px;border-radius:99px;font-weight:600;white-space:nowrap}
.plan__k{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.plan--hl .plan__k{color:var(--sage)}
.plan h3{font-size:1.5rem}
.plan--hl h3{color:#fff}
.plan__d{font-size:.89rem;color:var(--ink-60);min-height:2.6em}
.plan--hl .plan__d{color:rgba(255,255,255,.72)}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:9px;padding-top:14px;margin-top:6px;border-top:1px solid var(--line)}
.plan--hl ul{border-top-color:rgba(255,255,255,.18)}
.plan li{font-size:.86rem;color:var(--ink-60);display:flex;gap:9px;align-items:flex-start;line-height:1.45}
.plan--hl li{color:rgba(255,255,255,.8)}
.plan li::before{content:"";width:14px;height:14px;flex:none;margin-top:3px;border-radius:50%;background:var(--sage-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f8f5c' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/9px no-repeat}
.plan--hl li::before{background-color:rgba(99,185,165,.22)}
.plan .btn{margin-top:auto;justify-content:center;width:100%}
.plan--hl .btn--p{background:#fff;color:var(--navy)}
.plan--hl .btn--p:hover{background:var(--sage-soft)}
.invite{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:22px;background:linear-gradient(135deg,var(--violet) 0%,var(--navy-2) 100%);border-radius:24px;padding:30px 34px;color:#fff}
.invite h3{color:#fff;font-size:1.34rem;max-width:30ch;margin-bottom:8px}
.invite p{color:rgba(255,255,255,.76);font-size:.92rem;max-width:62ch;margin:0}
.invite .btn{white-space:nowrap}
@media (max-width:980px){
  .plans{grid-template-columns:1fr}
  .plan__d{min-height:0}
  .plan--hl{order:-1}
  .invite{grid-template-columns:1fr;text-align:center}
  .invite h3,.invite p{max-width:none;margin-inline:auto}
  .invite .btn{justify-self:center}
}
@media (max-width:760px){
  .nav__cta{display:none}
}
.path__note{display:flex;gap:13px;align-items:flex-start;max-width:74ch;margin:30px auto 0;background:var(--paper);border-radius:16px;padding:16px 20px;box-shadow:inset 0 0 0 1px var(--line)}
.path__note svg{width:19px;height:19px;flex:none;margin-top:2px;fill:none;stroke:var(--violet);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.path__note p{font-size:.86rem;color:var(--ink-60);line-height:1.5}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pillar{background:var(--paper);border-radius:28px;padding:32px 28px;box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s}
.pillar:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line),0 20px 40px -28px rgba(10,10,18,.25)}
.pillar h3{font-size:1.28rem;margin-bottom:10px}
.pillar p{font-size:.96rem;color:var(--ink-60)}
.priv{display:flex;flex-direction:column;gap:14px;max-width:78ch}
.priv__lead{background:var(--violet-soft);border-radius:16px;padding:18px 22px;font-size:.95rem;color:var(--ink);margin-top:6px}
.agenda{background:linear-gradient(140deg,var(--violet) 0%,var(--navy-2) 100%);border-radius:28px;padding:clamp(34px,5vw,58px);color:#fff;position:relative;overflow:hidden}
.agenda__g{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:start}
.agenda .eyebrow{color:var(--teal)}
.agenda h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.5rem);max-width:17ch}
.agenda>div>p{color:rgba(255,255,255,.78);margin-top:16px;max-width:48ch}
.days{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.day{font-family:var(--mono);font-size:.78rem;padding:9px 16px;border-radius:99px;border:1.5px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background .2s}
.day:hover{background:rgba(255,255,255,.16)}
.day[aria-pressed="true"]{background:#fff;color:var(--violet);border-color:#fff;font-weight:600}
.day--full{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.days__note{font-size:.78rem;color:rgba(255,255,255,.55);margin-top:12px}
.form{background:rgba(255,255,255,.07);border-radius:22px;padding:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.form label{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:6px}
.form input,.form textarea{width:100%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:11px 14px;color:#fff;font:inherit;font-size:.92rem}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.4)}
.form input:focus,.form textarea:focus{outline:2px solid #fff;outline-offset:1px;border-color:transparent}
.form textarea{resize:vertical;min-height:70px}
.form__full{margin-bottom:14px}
.form .btn--w{width:100%;justify-content:center;margin-top:4px}
.form__alt{text-align:center;font-size:.82rem;color:rgba(255,255,255,.6);margin-top:14px}
.form__alt a{color:#fff;text-decoration:underline}
.form__priv{font-size:.74rem;color:rgba(255,255,255,.45);margin-top:12px;text-align:center}
.foot{border-top:1px solid var(--line);padding:44px 0 90px}
.foot__in{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}
.foot p{font-size:.81rem;color:var(--ink-35);max-width:74ch}
.foot svg{height:18px;fill:var(--ink);opacity:.5}
.sticky-cta{position:fixed;right:20px;bottom:20px;z-index:70;text-decoration:none;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:14px 22px;border-radius:99px;font-size:.9rem;font-weight:500;box-shadow:0 16px 36px -14px rgba(10,10,18,.5);opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .3s,transform .3s}
.sticky-cta.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.sticky-cta__dot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:none}
.sticky-cta__dot i{display:block;width:100%;height:100%;border-radius:50%;background:var(--coral);animation:sc-pulse 1.8s ease-out infinite}
@keyframes sc-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .sticky-cta__dot i{animation:none}
}
@media (max-width:980px){
  .hero__grid,
.pillars,
.agenda__g,
.form__row,
.roles,
.cross__g,
.case__g{grid-template-columns:1fr}
}
@media (max-width:560px){
  body{font-size:16px}
  .sticky-cta{right:14px;bottom:14px;padding:12px 16px;font-size:.84rem}
}
.hero{background:var(--ground)}
.mz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.mz__base{stroke:none}
#mz{fill:none;stroke:#fff;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.mz--dark .mz__base{opacity:.07}
.hero .mz__base{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.45) 42%,#000 66%);mask-image:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.45) 42%,#000 66%)}
.nav__cta{margin-left:auto}
.hero .lede,.hero .lede--2{color:rgba(10,10,18,.72)}
.hero .wrap,.safe-sec .wrap,.agenda .agenda__g{position:relative;z-index:1}
.safe-sec{position:relative;overflow:hidden;background:var(--ground)}
.agenda{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--navy-2) 0%,var(--navy) 100%)}
.agenda .eyebrow{color:#8fd6c4}
.crowd{width:100%;max-width:470px;margin-inline:auto;display:block;overflow:visible}
.crowd__wave line{stroke-width:3.4;stroke-linecap:round}
.pill{background:#fff;box-shadow:none;border:0}
.case__fig{width:84px;height:51px;flex:none}
.eyebrow{color:var(--violet)}
@media (max-width:860px){
  .crowd{max-width:300px}
}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(70px + env(safe-area-inset-top,0px))}
.ico,.ico--md,.ico--lg{display:inline-grid;place-items:center;width:56px;height:56px;flex:none}
.ico--md{width:50px;height:50px}
.ico--lg{width:64px;height:64px}
.ico svg,.ico--md svg,.ico--lg svg{width:100%;height:100%;overflow:visible}
.ico__b{fill:var(--cs)}
.ico__g{fill:none;stroke:var(--c);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.pillar .ico--md{margin-bottom:16px}
.attr{gap:6px}
.attr .ico{margin-bottom:6px}
.crowd__wave line{stroke-width:3.4;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 50%;animation:wv 2.6s ease-in-out calc(var(--k) * -.17s) infinite}
@keyframes wv{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.pvg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.pv{background:var(--paper-2);border-radius:24px;padding:24px 22px;display:flex;flex-direction:column;gap:10px}
.pv b{font-family:var(--display);font-weight:500;font-size:1.02rem;line-height:1.25}
.pv p{font-size:.9rem;color:var(--ink-60);line-height:1.5}
.cost-strip--ev{grid-template-columns:auto 1fr;margin-bottom:14px;background:linear-gradient(120deg,var(--violet) 0%,#4a35e6 100%)}
.cost-strip--ev .ev__t{display:block;font-family:var(--display);font-weight:400;font-size:1.25rem;color:#fff;margin-bottom:6px}
@media (max-width:980px){
  .pvg{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .pvg{grid-template-columns:1fr}
  .cost-strip--ev{grid-template-columns:1fr;justify-items:center}
}
@media (prefers-reduced-motion:reduce){
  .crowd__wave line{animation:none}
}
.phone__screen{background:var(--ground)}
.ec{position:relative;flex:1;display:flex;flex-direction:column;gap:9px;padding:16px 16px 18px;overflow:hidden;font-family:var(--display);color:var(--ink);font-size:12px;line-height:1.4}
.ec>*{position:relative}
.ec--lav{background:var(--ground)}
.ec .ec__bg{position:absolute;inset:0;width:100%;height:100%}
.ec__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.ec__top--end{justify-content:flex-end}
.ec__logo{display:flex;flex-direction:column;gap:2px}
.ec__logo svg{height:11px;width:auto;fill:var(--ink)}
.ec__logo i,.ec__brand i{font-style:normal;font-family:var(--mono);font-size:6.5px;letter-spacing:.32em}
.ec__help{display:flex;align-items:center;gap:5px;background:#fff;color:var(--violet);border-radius:99px;padding:6px 10px;font-size:10px;font-weight:500;box-shadow:0 2px 8px rgba(58,36,214,.12)}
.ec__help svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ec__brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}
.ec__brand svg{height:22px;width:auto;fill:var(--ink)}
.ec__brand i{font-size:8px}
.ec__crowd{width:96px;height:76px;align-self:center}
.ec__card{background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 22px rgba(11,16,48,.06)}
.ec__card--sm{gap:3px}
.ec__card--sm b{font-weight:500;font-size:12.5px}
.ec__h{font-weight:400;font-size:14px;letter-spacing:-.01em;line-height:1.3}
.ec__h--lg{font-size:17px;line-height:1.2}
.ec__p{font-size:10.5px;color:#4d4f60;font-family:var(--body)}
.ec__c{text-align:center}
.ec__eb,.ec__lbl,.ec__qm{font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:var(--violet);text-transform:uppercase}
.ec__in{height:32px;border-radius:9px;background:#f6f6fa;border:1px solid rgba(10,10,18,.12);display:flex;align-items:center;padding:0 10px;font-size:11px}
.ec__in--ph{color:#7a7c8e}
.ec__btn{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:99px;background:var(--violet);color:#fff;font-size:12px;font-weight:500;margin-top:4px}
.ec__btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ec__btn--foot{margin-top:auto}
.ec__ghost{text-align:center;color:var(--violet);font-size:11px;font-weight:500;padding:6px 0}
.ec__list{display:flex;flex-direction:column;gap:6px}
.ec__st{background:#fff;border-radius:14px;padding:9px 10px;display:flex;gap:9px;align-items:flex-start}
.ec__sn{width:24px;height:24px;flex:none;border-radius:99px;background:var(--violet-soft);color:var(--violet);display:grid;place-items:center;font-family:var(--mono);font-size:10px}
.ec__st--on .ec__sn{background:var(--violet);color:#fff}
.ec__stt{flex:1;display:flex;flex-direction:column;gap:2px;padding-top:3px}
.ec__stt b{font-weight:500;font-size:11.5px}
.ec__stt span:last-child{font-size:10px;color:#4d4f60;font-family:var(--body)}
.ec__chev{width:14px;height:14px;margin-top:5px;fill:none;stroke:var(--violet);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ec__st--on .ec__chev{transform:rotate(180deg)}
.ec__sheet{position:absolute!important;left:0;right:0;bottom:0;top:62px;background:#fff;border-radius:22px 22px 0 0;padding:16px;display:flex;flex-direction:column;gap:9px}
.ec__pts{list-style:none;display:flex;flex-direction:column;gap:7px;font-family:var(--body);font-size:10.5px;line-height:1.4}
.ec__pts li{display:flex;gap:8px}
.ec__pts i{width:16px;height:16px;flex:none;border-radius:6px;background:var(--violet-soft)}
.ec__pts li:last-child i{background:var(--coral-soft)}
.ec__chk{display:flex;align-items:center;gap:8px;background:#f6f6fa;border-radius:12px;padding:9px 10px;font-size:11px;font-weight:500;margin-top:auto}
.ec__chk i{width:16px;height:16px;border-radius:4px;background:var(--violet);display:grid;place-items:center}
.ec__chk svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ec__prog{display:flex;justify-content:space-between;font-family:var(--mono);font-size:7.5px;letter-spacing:.12em;color:var(--violet)}
.ec__prog span:last-child{color:#4d4f60}
.ec__bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ec__bar i{height:4px;border-radius:99px;background:#d6d3ee}
.ec__bar i.on{background:var(--violet)}
.ec__bar i.half{background:linear-gradient(90deg,var(--violet-2) 43%,#d6d3ee 43%)}
.ec__seg{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:99px;padding:3px;gap:2px}
.ec__seg span{text-align:center;padding:6px 0;border-radius:99px;font-size:10.5px;font-weight:500;color:#3d3f50}
.ec__seg span.on{background:var(--violet);color:#fff}
.ec__opts{display:flex;flex-direction:column;gap:6px}
.ec__opt{display:flex;align-items:center;gap:9px;background:#fff;border:1.5px solid rgba(10,10,18,.1);border-radius:12px;padding:8px 10px;font-size:11px}
.ec__opt i{width:13px;height:13px;border-radius:99px;border:1.5px solid rgba(10,10,18,.25)}
.ec__opt--on{border-color:var(--violet);background:var(--violet-soft)}
.ec__opt--on i{background:var(--violet);border-color:var(--violet)}
.ec__note{font-size:8.5px;color:#6b6d80;font-family:var(--body)}
.ec__nav{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:auto}
.ec__ghostb{display:flex;align-items:center;justify-content:center;height:38px;margin-top:4px;border-radius:99px;background:#fff;font-size:12px}
.ec .micwave{align-self:center;margin-top:2px}
[hidden]{display:none!important}
abbr[title]{text-decoration:none}
.mz__spark{fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(108,92,255,.65))}
.mz__spark path{stroke-dasharray:10 90;stroke-dashoffset:100;opacity:0;animation:spark var(--d,10s) linear var(--dl,0s) infinite;animation-play-state:paused}
.mz-live.is-live .mz__spark path{animation-play-state:running}
@keyframes spark{0%{stroke-dashoffset:100;opacity:0}7%{opacity:.95}82%{opacity:.95}100%{stroke-dashoffset:0;opacity:0}}
.mz--soft .mz__spark{stroke-width:2.2;opacity:.85}
.mz--dark .mz__spark{stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(99,185,165,.75))}
@media (prefers-reduced-motion:reduce){
  .mz__spark{display:none}
}
.fig{transform-box:fill-box;transform-origin:50% 88%;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}
.fig:nth-of-type(2n){--tilt:2.5deg}
.fig:nth-of-type(2n+1){--tilt:-2.5deg}
.crowd .fig,.case__fig .fig{cursor:pointer}
.face{transition:opacity .16s ease}
.face--h{opacity:0}
.face--h .cheek{fill:#f08c7c;stroke:none;opacity:.5}
.fig.is-happy .face--n{opacity:0}
.fig.is-happy .face--h{opacity:1}
.fig.is-happy{transform:translateY(-4%) rotate(var(--tilt)) scale(1.05)}
.fig .eyes{transform-box:fill-box;transform-origin:50% 50%}
.fig .face--n .eyes{animation:blink 6.2s var(--bd,0s) infinite}
@keyframes blink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}
.fig.is-blink .face--n .eyes{animation:none;transform:scaleY(.08);transition:transform .08s}
.fig.is-happy .face--h .eyes{animation:joy .45s ease-out}
@keyframes joy{0%{transform:scaleY(.15)}65%{transform:scaleY(1.18)}100%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){
  .fig,.fig.is-happy{transform:none;transition:none}
  .fig .face--n .eyes,.fig.is-happy .face--h .eyes{animation:none}
}
.circuit{position:relative;margin-top:14px}
.circuit__svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.ct-base{fill:none;stroke:#cdc6f1;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.ct-deco{fill:none;stroke:#d6d0f4;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ct-p{fill:none;stroke:var(--pc,var(--violet-2));stroke-linecap:round;stroke-linejoin:round}
.ct-p--tail{stroke-width:3.2;opacity:.22}
.ct-p--mid{stroke-width:3.6;opacity:.5}
.ct-p--head{stroke-width:4.2;filter:drop-shadow(0 0 5px var(--pc,var(--violet-2)))}
.ct-head{fill:#fff;stroke:var(--pc,var(--violet-2));stroke-width:2.6;filter:drop-shadow(0 0 6px var(--pc,var(--violet-2)))}
.circuit.is-static .ct-p,.circuit.is-static .ct-head{display:none}
.cnodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.cnode{display:flex;flex-direction:column;align-items:center;min-width:0}
.cnode__st{position:relative;width:90px;height:90px;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 2px var(--ncs),0 16px 30px -20px rgba(10,10,18,.45);transition:box-shadow .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
.cnode__st::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--nc);opacity:0;pointer-events:none}
.cnode__st .ico{width:64px;height:64px}
.cnode.is-lit .cnode__st,.cnode.is-open .cnode__st{transform:scale(1.08);box-shadow:0 0 0 2.5px var(--nc),0 0 0 10px var(--ncs),0 18px 36px -16px var(--nc)}
.cnode.is-lit .cnode__st::after{animation:ripple 1.2s ease-out}
@keyframes ripple{from{transform:scale(1);opacity:.75}to{transform:scale(1.75);opacity:0}}
.cnode__card{position:relative;margin-top:22px;flex:1;width:100%;background:#fff;border-radius:24px;padding:24px 18px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line),0 18px 36px -30px rgba(10,10,18,.35);transition:box-shadow .25s,transform .25s}
.cnode__card:hover{transform:translateY(-2px)}
.cnode.is-open .cnode__card{box-shadow:inset 0 0 0 2px var(--nc),0 20px 40px -28px rgba(10,10,18,.4)}
.cnode__n{position:absolute;top:14px;right:16px;font-family:var(--mono);font-size:.6rem;color:var(--ink-35)}
.cnode h3{font-family:var(--display);font-weight:400;font-size:1.24rem;letter-spacing:-.02em;color:var(--nt)}
.cnode__card p{font-size:.86rem;color:var(--ink-60);line-height:1.45;margin-bottom:10px}
.cnode__btn{margin-top:auto;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:9px 14px 9px 17px;background:var(--ncs);color:var(--nt);font:500 .82rem/1.2 var(--body);cursor:pointer;transition:filter .2s}
.cnode__btn:hover{filter:brightness(.96)}
.cnode__btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.cnode__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.cdetail{position:relative;grid-column:1/-1;order:10;margin-top:4px;border-radius:22px;padding:26px 28px;background:var(--ncs);box-shadow:inset 0 0 0 1.5px var(--nc);animation:cfade .35s ease}
.cdetail::before{content:"";position:absolute;top:-8px;left:var(--px,50%);width:15px;height:15px;background:var(--ncs);border-left:1.5px solid var(--nc);border-top:1.5px solid var(--nc);border-radius:3px 0 0 0;transform:translateX(-50%) rotate(45deg)}
@keyframes cfade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cdetail__h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.cdetail__h b{font-family:var(--display);font-weight:500;font-size:1.3rem;color:var(--nt)}
.cdetail__h span{font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.78);color:var(--nt)}
.cdetail__c{margin-left:auto;background:rgba(255,255,255,.85);border:0;border-radius:99px;padding:7px 15px;font:500 .78rem var(--body);cursor:pointer;color:var(--ink-60)}
.cdetail__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cdetail__g h4{font-family:var(--mono);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:var(--nt);margin-bottom:7px;font-weight:500}
.cdetail__g p{font-size:.9rem;line-height:1.55;color:var(--ink)}
.path__note{position:relative;margin-top:34px}
@media (max-width:860px){
  .cnodes{grid-template-columns:minmax(0,1fr);gap:14px}
  .cnode{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center}
  .cnode__st{width:70px;height:70px}
  .cnode__st .ico{width:52px;height:52px}
  .cnode__card{margin-top:0;text-align:left;align-items:flex-start;padding:16px 16px 14px}
  .cnode__card p{margin-bottom:6px}
  .cdetail{order:0;margin:0 0 4px 88px;padding:22px 20px}
  .cdetail__g{grid-template-columns:1fr 1fr;gap:16px}
}
@media (max-width:560px){
  .cnode{grid-template-columns:58px minmax(0,1fr);gap:12px}
  .cnode__st{width:58px;height:58px}
  .cnode__st .ico{width:44px;height:44px}
  .cdetail{margin-left:0}
  .cdetail__g{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .cnode__st,.cnode__card{transition:none}
  .cnode.is-lit .cnode__st::after{animation:none}
}
.rboxes{display:flex;flex-direction:column;gap:12px;max-width:1060px;margin-inline:auto}
.rbox{background:var(--paper);border-radius:24px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .25s}
.rbox[open]{box-shadow:inset 0 0 0 1.5px var(--violet),0 26px 50px -38px rgba(58,36,214,.45)}
.rbox summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 22px;cursor:pointer;min-height:80px}
.rbox summary::-webkit-details-marker{display:none}
.rbox summary b{font-family:var(--display);font-weight:400;font-size:1.12rem}
.rbox summary em{font-style:normal;margin-left:auto;font-size:.84rem;color:var(--ink-35)}
.rbox[open] summary em{visibility:hidden}
.rbox__chev{width:20px;height:20px;flex:none;fill:none;stroke:var(--violet);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.rbox summary b+.rbox__chev{margin-left:auto}
.rbox[open] .rbox__chev{transform:rotate(180deg)}
.rbox__b{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.68fr);gap:30px;padding:2px 26px 26px 86px;animation:cfade .35s ease}
.rbox__t p{font-size:.95rem;color:var(--ink-60);line-height:1.6}
.rbox__t .rbox__so{margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--violet-soft);color:var(--ink);font-size:.9rem;line-height:1.5}
.viz{background:#f6f5fc;border-radius:20px;padding:20px 20px 14px;min-width:0;box-shadow:inset 0 0 0 1px rgba(58,36,214,.07)}
.viz__fn{font-family:var(--mono);font-size:.6rem;letter-spacing:.03em;color:var(--ink-35);margin-top:14px;line-height:1.5}
.hm{display:flex;flex-direction:column;gap:4px}
.hm__r{display:grid;grid-template-columns:minmax(78px,1fr) repeat(3,minmax(0,1fr)) minmax(70px,.9fr);gap:6px;align-items:center;border-radius:16px;padding:2px 8px}
.hm__r--h{padding-bottom:4px}
.hm__r--hot{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(233,165,22,.55)}
.hm__h{font-family:var(--mono);font-size:.6rem;letter-spacing:.02em;hyphens:manual;color:var(--ink-60);text-align:center;line-height:1.35}
.hm__l{font-size:.88rem;color:var(--ink);line-height:1.25}
.hm__l em{display:block;font-style:normal;font-family:var(--mono);font-size:.56rem;letter-spacing:.04em;color:#9a6a00;margin-top:3px}
.hm__c{height:68px;display:grid;place-items:center}
.hm__c i{width:var(--s);height:var(--s);display:grid;place-items:center;font:500 .72rem var(--mono);font-style:normal;color:var(--t);background:rgba(58,36,214,var(--a));border-radius:46% 54% 52% 48% / 54% 46% 54% 46%}
.rbox[open] .hm__c i{animation:pop .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--k) * 35ms)}
@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.hm__d{justify-self:center;font-family:var(--mono);font-size:.68rem;padding:4px 9px;border-radius:99px;white-space:nowrap}
.hm__d--up{background:var(--coral-soft);color:#b23c26}
.hm__d--dn{background:var(--sage-soft);color:#1f7a63}
.ppl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:start}
.waf{display:grid;grid-template-columns:repeat(12,13px);gap:5px}
.waf i,.waf__leg i{width:13px;height:13px;border-radius:50%;background:#dedaf3;display:block}
.waf .w1,.waf__leg .w1{background:#a99ce6}
.waf .w2,.waf__leg .w2{background:#6c5cff}
.waf .w3,.waf__leg .w3{background:#3a24d6}
.rbox[open] .waf i{animation:pop .4s ease backwards;animation-delay:calc(var(--i) * 5ms)}
.waf__leg{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-top:14px;font-size:.78rem;color:var(--ink-60)}
.waf__leg span{display:flex;align-items:center;gap:7px}
.waf__leg i{width:10px;height:10px}
.waf__leg b{font-family:var(--mono);font-weight:500;color:var(--ink);margin-left:auto}
.ppl__r{display:flex;flex-direction:column;gap:10px;min-width:0}
.ppl__k{display:flex;align-items:baseline;gap:10px}
.ppl__k b{font-family:var(--display);font-weight:300;font-size:2.1rem;letter-spacing:-.04em;line-height:1;color:var(--violet-2)}
.ppl__k--b b{color:var(--violet)}
.ppl__k span{font-size:.86rem;color:var(--ink-60);line-height:1.3}
.ups{display:flex;flex-direction:column;gap:7px;margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
.ups__h,.ups__r{display:grid;grid-template-columns:52px minmax(0,1fr) 26px;gap:10px;align-items:center}
.ups__h{font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;color:var(--ink-35)}
.ups__h .ups__d{display:flex;gap:5px}
.ups__h abbr{width:11px;text-align:center}
.ups__d{display:flex;gap:5px}
.ups__r .ups__d i{width:11px;height:11px;border-radius:50%;background:rgba(10,10,18,.12)}
.ups__r .ups__d i.on{background:var(--violet)}
.ups__m{display:flex;flex-direction:column;gap:3px;min-width:0}
.ups__m span{font-size:.78rem;color:var(--ink-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ups__m i{display:block;height:7px;width:var(--w);background:var(--c);border-radius:99px}
.rbox[open] .ups__m i{animation:grow .7s cubic-bezier(.22,1,.36,1) backwards}
@keyframes grow{from{width:0}}
.ups__r b{font-family:var(--mono);font-size:.76rem;font-weight:500;text-align:right}
.rst{display:flex;gap:3px;height:46px;border-radius:14px;overflow:hidden}
.rst i{flex:var(--n) 1 0;min-width:34px;background:var(--c);display:grid;place-items:center}
.rst b{font:600 .8rem var(--mono);color:#fff}
.rbox[open] .rst i{animation:grow2 .8s cubic-bezier(.22,1,.36,1) backwards}
@keyframes grow2{from{flex-grow:0;min-width:0}}
.rt{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.rt__r{display:grid;grid-template-columns:minmax(124px,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr) 92px;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:11px 14px;font-size:.86rem;color:var(--ink-60)}
.rt__r--h{background:none;padding-block:0 2px;font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;color:var(--ink-35)}
.rt__n{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:.95rem;color:var(--t)}
.rt__n i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.rt__n b{margin-left:auto;font:500 .8rem var(--mono);color:var(--ink)}
.rt__p{font-family:var(--mono);font-size:.74rem;color:var(--t);font-weight:500}
.tp{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.tp__g{width:100%;height:auto;display:block;background:#fff;border-radius:16px}
.tp__x path{stroke:rgba(10,10,18,.09);stroke-width:1.2}
.tp__pulse path{fill:none;stroke:var(--violet-2);stroke-width:3;stroke-linecap:round;stroke-dasharray:5 95;stroke-dashoffset:100;animation:tpp var(--pd,3s) linear var(--pl,0s) infinite;filter:drop-shadow(0 0 3px rgba(108,92,255,.7))}
@keyframes tpp{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.cl{transition:opacity .3s}
.cl__l path{stroke:var(--tc);stroke-opacity:.32;stroke-width:1.2}
.cl__n circle{fill:var(--tc);fill-opacity:.55}
.cl__hub{fill:var(--tc)}
.cl text{font:500 12.5px var(--display);fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.tp__g.has-sel .cl:not(.on){opacity:.38}
.tp__g.has-sel .cl.on .cl__hub{filter:drop-shadow(0 0 6px var(--tc))}
.tp__side{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start;min-width:0}
.tp__list{display:flex;flex-direction:column;gap:3px}
.tp__b{display:grid;grid-template-columns:10px minmax(0,1fr) 54px 34px;gap:9px;align-items:center;border:0;background:none;border-radius:11px;padding:7px 9px;cursor:pointer;font:inherit;text-align:left;color:var(--ink-60);font-size:.84rem}
.tp__b:hover{background:#fff}
.tp__b[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--tc)}
.tp__b i{width:10px;height:10px;border-radius:50%;background:var(--tc)}
.tp__b em{height:6px;border-radius:99px;background:rgba(10,10,18,.07);overflow:hidden}
.tp__b s{display:block;height:100%;width:var(--w);background:var(--tc);border-radius:99px}
.tp__b b{font:500 .74rem var(--mono);text-align:right;color:var(--ink)}
.tp__q{background:#fff;border-radius:14px;padding:14px 16px}
.tp__q q{display:block;font-family:var(--display);font-weight:300;font-size:1.02rem;line-height:1.4;letter-spacing:-.01em;color:var(--ink);quotes:"«" "»"}
.tp__q span{display:block;margin-top:8px;font-size:.8rem;color:var(--ink-60)}
.tp__q b{font-weight:500;color:var(--ink)}
@media (prefers-reduced-motion:reduce){
  .tp__pulse{display:none}
  .rbox[open] .hm__c i,
.rbox[open] .waf i,
.rbox[open] .ups__m i,
.rbox[open] .rst i,
.rbox__b{animation:none}
}
@media (max-width:980px){
  .rbox__b{grid-template-columns:minmax(0,1fr);padding:0 20px 22px;gap:18px}
}
@media (max-width:640px){
  .rbox summary{padding:14px 16px;gap:12px}
  .rbox summary em{display:none}
  .rbox summary b{font-size:1.02rem}
  .rbox__b{padding:0 14px 16px}
  .viz{padding:16px 12px 12px}
  .ppl{grid-template-columns:minmax(0,1fr)}
  .tp__side{grid-template-columns:minmax(0,1fr)}
  .cl text{font-size:15px}
  .waf{grid-template-columns:repeat(12,minmax(0,1fr))}
  .waf i{width:auto;aspect-ratio:1;height:auto}
  .hm__r{grid-template-columns:62px repeat(3,minmax(0,1fr)) 54px;gap:3px;padding:2px 4px}
  .hm__c{height:58px}
  .hm__c i{width:calc(var(--s) * .82);height:calc(var(--s) * .82);font-size:.64rem}
  .hm__l{font-size:.78rem}
  .hm__h{font-size:.52rem}
  .hm__d{font-size:.58rem;padding:3px 6px}
  .rt__r--h{display:none}
  .rt__r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px}
  .rt__n{grid-column:1/-1;padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--line)}
  .rt__r>span:not(.rt__n)::before{content:attr(data-l);display:block;font-family:var(--mono);font-size:.54rem;letter-spacing:.06em;color:var(--ink-35);text-transform:uppercase}
  .rt__p{grid-column:1/-1}
}
.safe-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
.safe-card--cta{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:linear-gradient(150deg,var(--violet) 0%,var(--navy-2) 100%);color:#fff;box-shadow:0 26px 54px -32px rgba(21,16,74,.7)}
.safe-cta__ic{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center}
.safe-cta__ic svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.safe-cta__k{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:#a9ecdc;margin-top:4px}
.safe-card--cta h3{color:#fff;font-size:clamp(1.3rem,2.2vw,1.62rem);line-height:1.2;margin:0;max-width:20ch}
.safe-card--cta p:not(.safe-cta__k){font-size:.9rem;color:rgba(255,255,255,.76);line-height:1.6;max-width:40ch}
.safe-card--cta .btn{margin-top:auto}
.claim{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 26px;align-items:center;margin-top:18px;background:var(--navy);border-radius:26px;padding:clamp(26px,4vw,40px) clamp(24px,4vw,46px);color:#fff;overflow:hidden}
.claim__mark{grid-row:span 2;position:relative;width:68px;height:68px;border-radius:50%;background:var(--coral);display:grid;place-items:center;font:600 2.3rem/1 var(--display);color:#fff}
.claim__mark::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--coral);animation:sb 2.4s ease-out infinite}
.claim__t{font-family:var(--display);font-weight:300;font-size:clamp(1.42rem,3vw,2.15rem);line-height:1.18;letter-spacing:-.03em;color:#fff;max-width:30ch}
.claim__s{font-size:.95rem;color:rgba(255,255,255,.72);line-height:1.6;max-width:66ch}
@media (max-width:980px){
  .safe-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .claim{grid-template-columns:minmax(0,1fr)}
  .claim__mark{grid-row:auto;width:54px;height:54px;font-size:1.8rem}
}
@media (prefers-reduced-motion:reduce){
  .claim__mark::after{animation:none}
}
.mz-live{position:relative;overflow:hidden}
.mz-live>.wrap{position:relative;z-index:1}
.stpwrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(36px,6vw,80px);align-items:start;margin-top:8px}
.stp{border-bottom:1px solid var(--line)}
.stp__h{display:flex;align-items:baseline;gap:14px;width:100%;background:none;border:0;padding:24px 4px 22px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.stp__n{flex:none;width:16px;font:500 .78rem var(--mono);color:var(--ink-35);transition:color .25s}
.stp__t{flex:1;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.3vw,1.78rem);letter-spacing:-.02em;line-height:1.2}
.stp__chev{flex:none;align-self:center;width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s,stroke .25s}
.stp__h:hover .stp__t{color:var(--violet)}
.stp.is-open .stp__n{color:var(--violet)}
.stp.is-open .stp__chev{transform:rotate(180deg);stroke:var(--violet)}
.stp__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1)}
.stp.is-open .stp__b{grid-template-rows:1fr}
.stp__in{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s .4s}
.stp.is-open .stp__in{visibility:visible;transition:visibility 0s}
.stp__in>p{font-size:1.04rem;color:var(--ink-60);line-height:1.65;max-width:60ch;padding:0 4px}
.stp__k{font:500 .7rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-35);margin:22px 4px 10px}
.stp__ul{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0 4px}
.stp__ul li{display:flex;gap:14px;align-items:baseline;font-size:1rem;color:var(--ink-60);line-height:1.45}
.stp__ul li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--skyc);transform:translateY(-2px)}
.stp__in::after{content:"";display:block;height:26px}
.stp__media:empty{display:none}
.stp__media{padding:22px 0 0}
.stpphone{position:sticky;top:92px}
@media (max-width:980px){
  .stpwrap{grid-template-columns:minmax(0,1fr)}
  .stpphone{display:none}
  .stp__media .phone{max-width:270px}
}
.phone{background:#fff;border-radius:46px;padding:12px;box-shadow:0 0 0 1.5px #e3e1ee,0 46px 80px -46px rgba(21,16,74,.45),inset 0 0 0 1px #f1f0f7}
.phone__notch{top:20px;width:78px;height:5px;border-radius:99px;background:#dddbe8;z-index:4}
.phone__screen{border-radius:36px;box-shadow:inset 0 0 0 1px #ecebf3}
.ec{padding-top:30px}
.ec__seg--2{grid-template-columns:repeat(2,1fr)}
.ec__rec{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:12px;margin-top:4px;box-shadow:0 8px 22px rgba(11,16,48,.06)}
.ec__micb{position:relative;width:42px;height:42px;flex:none;border-radius:50%;background:var(--violet);display:grid;place-items:center}
.ec__micb::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--violet-2);opacity:.5;animation:micp 1.8s ease-out infinite}
@keyframes micp{from{transform:scale(1);opacity:.6}to{transform:scale(1.45);opacity:0}}
.ec__micb svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ec__rec .micwave{flex:1;height:30px;gap:3px;align-self:center;margin:0}
.ec__rec .micwave i{width:3px;background:var(--violet-2);opacity:.8}
.ec__time{font:500 10px var(--mono);color:var(--violet)}
.ec__pill{background:#fff;color:var(--violet);border-radius:99px;padding:6px 10px;font-size:9.5px;font-weight:500;box-shadow:0 2px 8px rgba(58,36,214,.12)}
.ec__alert{display:flex;gap:9px;align-items:center;background:var(--coral-soft);border-radius:14px;padding:10px;box-shadow:inset 0 0 0 1px rgba(224,102,80,.28)}
.ec__alert-i{width:30px;height:30px;flex:none;border-radius:9px;background:var(--coral);display:grid;place-items:center}
.ec__alert-i svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ec__alert b{display:block;font-size:11.5px;font-weight:500;color:#b23c26}
.ec__alert span span{display:block;font-size:9.5px;color:#4d4f60;font-family:var(--body);margin-top:1px}
.ec__kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ec__kpis span{display:flex;flex-direction:column;font-size:9.5px;color:#4d4f60;font-family:var(--body)}
.ec__kpis b{font-family:var(--display);font-weight:300;font-size:24px;letter-spacing:-.03em;line-height:1.05;color:var(--violet)}
.ec__rbar{display:flex;gap:2px;height:12px;border-radius:99px;overflow:hidden;margin-top:2px}
.ec__rbar i{flex:var(--n) 1 0;min-width:6px;background:var(--c)}
.ec__rleg{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:6px}
.ec__rleg span{display:flex;align-items:center;gap:5px;font-size:9.5px;color:#4d4f60;font-family:var(--body)}
.ec__rleg i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.ec__rleg b{margin-left:auto;font:500 9.5px var(--mono);color:var(--ink)}
@media (prefers-reduced-motion:reduce){
  .ec__micb::after{animation:none}
  .stp__b,.stp__in{transition:none}
}
.nflow{background:#f7f7fb}
.flow__head{max-width:1010px}
.flow__head h2{font-size:clamp(1.7rem,3.4vw,2.55rem);line-height:1.14;letter-spacing:-.03em}
.flow__head h2 em{font-style:normal;color:var(--violet)}
.flow__head .lede{max-width:74ch;margin-inline:auto;font-size:1rem;line-height:1.65}
.flow__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:42px;text-align:center}
.flow__c .ico{margin:0 auto 14px}
.flow__c h3{font-size:1.32rem;margin-bottom:10px}
.flow__c p{font-size:.94rem;color:var(--ink-60);max-width:31ch;margin-inline:auto;line-height:1.6}
.flow__band{margin-top:14px}
.flow__band svg{display:block;width:100%;height:auto;overflow:visible}
.flow__swipe{display:none}
.flow__rhead{max-width:560px;margin-top:26px}
.flow__rhead h3{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.02em;line-height:1.15;margin:8px 0 10px}
.flow__rhead p:not(.eyebrow){font-size:.98rem;color:var(--ink-60);line-height:1.6}
.nflow .circuit{margin-top:96px}
.nflow .path__note{margin-top:30px}
.fv-base{fill:none;stroke:#e4e1f4;stroke-width:2}
.fv-line{fill:none;stroke:url(#fvg);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.fv-c,.fl-c,.ct-mc{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 200;stroke-dashoffset:14}
.fv-c{stroke:#fff;stroke-width:4.2;filter:drop-shadow(0 0 3px #6c5cff) drop-shadow(0 0 9px rgba(108,92,255,.9))}
.fdot{fill:#b4abff;opacity:.7;transform-box:fill-box}
.fl-b{fill:none;stroke:var(--lc);stroke-width:2.4;stroke-linecap:round;opacity:.42}
.fl-c{stroke:var(--lc);stroke-width:5;filter:drop-shadow(0 0 3px var(--lc)) drop-shadow(0 0 8px var(--lc))}
.fcap{font:500 12.5px var(--body);fill:var(--violet);text-anchor:middle}
.fnode{transform-box:fill-box;transform-origin:center}
.fpanel__bg{fill:#fff;stroke:#e6e3f4;filter:drop-shadow(0 14px 22px rgba(21,16,74,.12))}
.fp__k{font:500 10px var(--mono);letter-spacing:.14em!important;fill:var(--violet)}
.fp__k2{font:500 9px var(--mono);letter-spacing:.1em!important;fill:#a3a4b4}
.fp__spark{fill:none;stroke:#6c5cff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fp__n{font:400 12.5px var(--display);fill:var(--ink)}
.fpanel text,.fcap{text-rendering:geometricPrecision;letter-spacing:0}
.fp__c{font:500 11.5px var(--mono);fill:var(--ink)}
.fp__w{font:400 11.5px var(--body);fill:#4d4f60}
.fp__p{font:500 10.5px var(--mono)}
.fp__hl{opacity:0}
.ct-m{fill:none;stroke:var(--mc);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.4}
.ct-mc{stroke:var(--mc);stroke-width:4.6;filter:drop-shadow(0 0 3px var(--mc)) drop-shadow(0 0 9px var(--mc))}
.circuit:not(.is-metro) .ct-m,.circuit:not(.is-metro) .ct-mc{display:none}
.circuit.is-metro .ct-base,
.circuit.is-metro .ct-p,
.circuit.is-metro .ct-head,
.circuit.is-metro .ct-deco{display:none}
.nflow .cnode h3{font-size:1.4rem}
.nflow .cnode__btn{background:none;padding:6px 6px;font-size:.9rem;color:var(--nt)}
.nflow .cnode__btn:hover{filter:none;text-decoration:underline;text-underline-offset:3px}
.nflow.is-live .fv-c{animation:fA 8s linear infinite}
.nflow.is-live .fl-c{animation:fB 8s linear infinite}
.nflow.is-live .ct-mc{animation:fC 8s linear infinite}
.nflow.is-live .fnode{animation:fN 8s ease-out infinite}
.nflow.is-live .fp__hl{animation:fR 8s ease-out infinite}
.nflow.is-live .fdot{animation:fD 3.6s ease-in-out infinite alternate}
.nflow.is-live .flow__c:nth-child(1) .ico{animation:fI1 8s ease-out infinite}
.nflow.is-live .flow__c:nth-child(2) .ico{animation:fI2 8s ease-out infinite}
.nflow.is-live .flow__c:nth-child(3) .ico{animation:fI3 8s ease-out infinite}
@keyframes fA{0%{stroke-dashoffset:14}30%,100%{stroke-dashoffset:-101}}
@keyframes fB{0%,31%{stroke-dashoffset:14}50%,100%{stroke-dashoffset:-101}}
@keyframes fC{0%,53%{stroke-dashoffset:14}88%,100%{stroke-dashoffset:-101}}
@keyframes fN{0%,28%,42%,100%{transform:scale(1)}32%{transform:scale(1.15)}}
@keyframes fR{0%,49%{opacity:0}53%{opacity:1}66%,100%{opacity:0}}
@keyframes fD{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
@keyframes fI1{0%,12%,100%{transform:none}4%{transform:scale(1.13)}}
@keyframes fI2{0%,28%,42%,100%{transform:none}33%{transform:scale(1.13)}}
@keyframes fI3{0%,48%,62%,100%{transform:none}53%{transform:scale(1.13)}}
@media (min-width:861px){
  .nflow.is-live .cnode__st{animation:fS 8s ease-out infinite}
  .nflow.is-live .cnode__st::after{animation:fS2 8s ease-out infinite}
}
@keyframes fS{0%,87%{transform:scale(1)}91%{transform:scale(1.1);box-shadow:0 0 0 2.5px var(--nc),0 0 0 10px var(--ncs),0 18px 36px -16px var(--nc)}97%,100%{transform:scale(1)}}
@keyframes fS2{0%,88%{transform:scale(1);opacity:0}89%{opacity:.8}100%{transform:scale(1.75);opacity:0}}
@media (max-width:860px){
  .flow__cols{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:30px}
  .flow__band{overflow-x:auto;margin-inline:-20px;padding:0 20px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .flow__band svg{min-width:860px}
  .flow__swipe{display:block;font:500 .62rem var(--mono);letter-spacing:.1em;color:var(--ink-35);text-align:right;margin-top:4px}
  .flow__rhead{max-width:none;margin-top:30px}
  .nflow .circuit{margin-top:22px}
}
@media (prefers-reduced-motion:reduce){
  .fv-c,.fl-c,.ct-mc{display:none}
  .nflow .fnode,
.nflow .fp__hl,
.nflow .fdot,
.nflow .flow__c .ico,
.nflow .cnode__st,
.nflow .cnode__st::after{animation:none!important}
}

/* ===== Portada + intro (rediseño oct 2026) ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.topnav{position:fixed;top:0;left:0;right:0;z-index:60;padding-top:env(safe-area-inset-top,0px);transition:background .25s,box-shadow .25s}
.topnav.is-stuck{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.topnav__in{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,30px);height:76px}
.topnav__logo{position:absolute;left:clamp(20px,5vw,64px);opacity:0;pointer-events:none;transition:opacity .25s;display:flex}
.topnav__logo svg{height:15px;width:auto;fill:var(--ink)}
.topnav.is-stuck .topnav__logo{opacity:1;pointer-events:auto}
.topnav__links{display:flex;align-items:center;gap:clamp(16px,2vw,24px);list-style:none;margin:0;padding:0}
.topnav__links a,.topnav__dd>button{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);text-decoration:none;background:none;border:0;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.topnav__links a:hover,.topnav__dd>button:hover,.topnav__dd.is-open>button{color:var(--violet)}
.topnav__links a:focus-visible,.topnav__dd>button:focus-visible,.topnav__cta:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}
.topnav__dd{position:relative}
.topnav__dd svg{transition:transform .2s}
.topnav__dd.is-open svg{transform:rotate(180deg)}
.topnav__menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);min-width:230px;list-style:none;margin:0;padding:8px;background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--line),0 18px 40px -18px rgba(21,16,74,.35);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.topnav__dd.is-open .topnav__menu,.topnav__dd:focus-within .topnav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (hover:hover){.topnav__dd:hover .topnav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}}
.topnav__menu a{display:block;padding:10px 12px;border-radius:9px;font-family:var(--body);font-size:.86rem;letter-spacing:0;text-transform:none;color:var(--ink)}
.topnav__menu a:hover{background:var(--violet-soft);color:var(--violet)}
.topnav__cta{margin-left:clamp(4px,1.4vw,14px);font-family:var(--mono);font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--violet);padding:10px 18px;border-radius:99px;text-decoration:none;white-space:nowrap}
.topnav__cta:hover{background:var(--violet-2)}
.topnav__cta span{margin-left:4px}

.cover{position:relative;overflow:hidden;background:var(--ground);padding:clamp(120px,13vw,128px) 0 clamp(48px,5vw,64px);text-align:center}
.cover .mz__base{opacity:1}
.cover__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.cover__brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;line-height:1}
.cover__brand svg{width:clamp(150px,13vw,178px);height:auto;fill:var(--ink)}
.cover__brand span:not(.sr){font-family:var(--display);font-weight:400;font-size:clamp(.9rem,1vw,1rem);letter-spacing:.32em;text-transform:uppercase;color:var(--ink);margin-right:-.32em}
.cover__title{margin:clamp(26px,3vw,34px) 0 0;font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.14;letter-spacing:-.02em;color:var(--ink);max-width:22ch;text-wrap:balance}
.cover__title em{font-style:normal;color:#8b72f5}
.cover__crowd{width:clamp(110px,10vw,130px);max-width:none;margin-top:clamp(18px,2.4vw,26px)}

.intro{background:var(--paper);padding:clamp(72px,8vw,110px) 0}
.intro__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,76px);max-width:900px}
.intro h2{font-size:clamp(1.9rem,3vw,2.3rem);font-weight:400;letter-spacing:-.02em;line-height:1.18;max-width:15ch;text-wrap:balance}
.intro__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:18px 0 0;padding:0}
.intro__tags li{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border-radius:99px;background:var(--violet-soft);color:var(--violet)}
.intro__tags li.is-other{background:#f2f2f5;color:var(--ink)}
.intro__wave{display:block;width:88px;height:auto;margin-top:22px}
.intro__r{padding-top:2px;display:flex;flex-direction:column;gap:14px}
.intro__r p{margin:0;font-size:.92rem;line-height:1.62;color:var(--ink-60);max-width:52ch}
.intro__r .intro__lead{color:var(--violet)}

@media (max-width:860px){
  .intro__g{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .topnav__links{display:none}
  .topnav__in{justify-content:flex-end;height:64px}
  .topnav__cta{margin-left:0}
  .cover{padding-top:96px}
}

.cover .mz__base{opacity:.6}
.cover .mz__spark{display:none!important}
.cover__title{max-width:none}
.intro__g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1000px}
.intro h2{font-size:clamp(1.8rem,2.7vw,2.15rem);max-width:none}
@media (max-width:640px){.cover__br{display:none}.cover__title{max-width:18ch}}

/* ===== Cómo funciona: línea de tres momentos + cuatro rutas ===== */
.nflow .flow__head{margin-bottom:0}
.cflow{position:relative;height:170px;margin-top:clamp(48px,6vw,72px)}
.cflow__svg{position:absolute;left:0;top:0;overflow:visible;display:block}
.cf-line{fill:none;stroke:url(#cfg);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cf-b{fill:none;stroke:var(--lc);stroke-width:4;stroke-linecap:round;opacity:.38}
.cf-dot circle{fill:var(--dc)}
.cf-dot .cf-dot__h{opacity:.16}
.cf-c{fill:none;stroke-linecap:round;stroke-dasharray:5 200;stroke-dashoffset:5;opacity:0}
.cf-c--main{stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 3px #6c5cff) drop-shadow(0 0 8px rgba(108,92,255,.8))}
.cf-c--br{stroke:var(--lc);stroke-width:5;stroke-dasharray:12 200;stroke-dashoffset:12;filter:drop-shadow(0 0 3px var(--lc))}
.nflow.is-live .cf-c--main{animation:cfA 8s linear infinite}
.nflow.is-live .cf-c--br{animation:cfB 8s linear infinite}
@keyframes cfA{0%{stroke-dashoffset:5;opacity:1}50%{stroke-dashoffset:-100;opacity:1}51%,100%{opacity:0}}
@keyframes cfB{0%,49%{stroke-dashoffset:12;opacity:0}50%{opacity:1}62%{stroke-dashoffset:-100;opacity:1}63%,100%{opacity:0}}
.nflow.is-live .flow__c:nth-child(1) .ico{animation:cfI1 8s ease-out infinite}
.nflow.is-live .flow__c:nth-child(2) .ico{animation:cfI2 8s ease-out infinite}
.nflow.is-live .flow__c:nth-child(3) .ico{animation:cfI3 8s ease-out infinite}
@keyframes cfI1{0%,6%,22%,100%{transform:none}12%{transform:scale(1.12)}}
@keyframes cfI2{0%,22%,36%,100%{transform:none}28%{transform:scale(1.12)}}
@keyframes cfI3{0%,42%,56%,100%{transform:none}49%{transform:scale(1.12)}}
.cflow__pills{position:absolute;left:0;top:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cflow__pills li,.flow__mpills li{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:400;font-size:.95rem;letter-spacing:-.005em;color:var(--ink);background:var(--ps);border-radius:9px;padding:4px 16px 4px 12px;line-height:1.35;white-space:nowrap}
.cflow__pills i,.flow__mpills i{width:9px;height:9px;border-radius:50%;background:var(--pc);flex:none}
.cflow + .flow__cols{margin-top:22px}
.flow__mpills{display:none}
.cf-port{opacity:.9}
@media (prefers-reduced-motion:reduce){.cf-c{display:none}.nflow .flow__c .ico{animation:none!important}}
@media (max-width:860px){
  .cflow{display:none}
  .cflow + .flow__cols{margin-top:34px}
  .flow__mpills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:16px 0 0;padding:0}
  .flow__mpills li{font-size:.86rem;padding:3px 12px 3px 10px}
}

.nflow .flow__cols + .flow__rhead{margin-top:clamp(64px,8vw,104px)}

.cf-line{stroke-width:3.6}
.cflow{height:190px}
.cf-node{transition:transform .2s}
.nflow.is-live .cf-node > :first-child{animation:cfN 8s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes cfN{0%,24%,36%,100%{transform:none}29%{transform:scale(1.08)}}
.cflow .fdot{fill:#b4abff;opacity:.75}

.nflow .flow__cols{margin-top:clamp(48px,6vw,72px)}
.nflow .cflow{margin-top:clamp(28px,3vw,40px)}
.nflow .cflow + .flow__rhead{margin-top:clamp(56px,7vw,92px)}
@media (max-width:860px){.nflow .flow__cols{margin-top:34px}.nflow .cflow + .flow__rhead{margin-top:56px}}

/* El esquema y las rutas de cuidado van separados, sin líneas que los unan */
.cf-port{display:none}
.circuit.is-metro .ct-m,.circuit.is-metro .ct-mc{display:none!important}
@media (min-width:861px){.nflow .circuit{margin-top:44px}}

/* Esquema arriba de los títulos: reemplaza a los íconos en escritorio */
.nflow .cflow{margin-top:clamp(40px,5vw,64px)}
.nflow .cflow + .flow__cols{margin-top:10px}
.nflow .flow__cols + .flow__rhead{margin-top:clamp(64px,8vw,104px)}
@media (min-width:861px){.nflow .flow__c .ico{display:none}}
@media (max-width:860px){.nflow .cflow + .flow__cols{margin-top:34px}}

/* Punto ancla de «La comunidad responde»: a la altura de las otras estaciones y con pulso amplio */
.cf-dot--anchor .cf-dot__h{opacity:.18}
.cf-pulse{fill:none;stroke:#3a24d6;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.nflow.is-live .cf-pulse{animation:cfP 2.4s cubic-bezier(.2,.6,.3,1) infinite}
.nflow.is-live .cf-pulse--2{animation-delay:1.2s}
@keyframes cfP{0%{transform:scale(.6);opacity:.55}100%{transform:scale(3.4);opacity:0}}
@media (prefers-reduced-motion:reduce){.cf-pulse{display:none}}
.cf-dot .cf-pulse{fill:none}

/* Portada: fondo orgánico de referencia (imagen) */
.cover{background-color:#eeeef8;background-image:url(../img/fondo-portada.jpg);background-image:image-set(url(../img/fondo-portada.webp) type("image/webp"),url(../img/fondo-portada.jpg) type("image/jpeg"));background-size:cover;background-position:center;background-repeat:no-repeat}
@media (max-width:860px){.intro__g{grid-template-columns:minmax(0,1fr)}}

/* Título de Cómo funciona en tres líneas */
.nflow .flow__head{max-width:1120px}
.flow__head h2.flow__title{font-size:clamp(1.6rem,3.1vw,2.45rem);text-wrap:wrap}
@media (max-width:900px){.br-lg{display:none}.flow__head h2.flow__title{text-wrap:balance}}
.nflow .sec-head.flow__head{max-width:1160px}
.flow__head h2.flow__title{font-size:clamp(1.6rem,2.9vw,2.25rem)}

/* Rutas de cuidado: encabezado centrado, título en una línea */
.nflow .flow__rhead{text-align:center;max-width:760px;margin-inline:auto}
.nflow .flow__rhead h3{white-space:nowrap;font-size:clamp(1.35rem,3.4vw,2rem)}
.nflow .flow__rhead p:not(.eyebrow){max-width:62ch;margin-inline:auto}
@media (max-width:480px){.nflow .flow__rhead h3{white-space:normal;text-wrap:balance}}
/* Esquema más cerca del texto que lo precede */
.nflow .cflow{margin-top:clamp(4px,1vw,12px)}

/* ===== Rutas de cuidado: tratamiento clínico (sobrio, sin colores en títulos ni numeración) ===== */
.nflow .circuit .cnode__n{display:none}
.nflow .circuit .cnode__st{width:76px;height:76px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,10,18,.12);transform:none!important;animation:none!important}
.nflow .circuit .cnode__st::after{display:none}
.nflow .circuit .cnode__st .ico{width:52px;height:52px}
.nflow .circuit .cnode__st .ico__b{fill:transparent}
.nflow .circuit .cnode__st .ico__g{stroke:rgba(10,10,18,.72);stroke-width:1.5}
.nflow .circuit .cnode.is-lit .cnode__st,.nflow .circuit .cnode.is-open .cnode__st{box-shadow:inset 0 0 0 1.5px rgba(10,10,18,.55)}
.nflow .circuit .cnode__card{margin-top:18px;border-radius:12px;padding:20px 18px 14px;box-shadow:inset 0 0 0 1px rgba(10,10,18,.10);gap:4px;transform:none!important}
.nflow .circuit .cnode.is-open .cnode__card{box-shadow:inset 0 0 0 1.5px rgba(10,10,18,.55)}
.nflow .circuit .cnode h3{color:var(--ink);font-size:1.2rem;font-weight:400;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:9px}
.nflow .circuit .cnode h3::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--nc);flex:none}
.nflow .circuit .cnode__card p{font-size:.86rem;color:var(--ink-60)}
.nflow .circuit .cnode__btn{color:var(--ink-60);font:500 .7rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:6px 4px}
.nflow .circuit .cnode__btn:hover{color:var(--ink);text-decoration:none}
.nflow .circuit .cdetail{background:#fff;box-shadow:inset 0 0 0 1px rgba(10,10,18,.14);border-radius:12px}
.nflow .circuit .cdetail::before{background:#fff;border-color:rgba(10,10,18,.14)}
.nflow .circuit .cdetail__h b{color:var(--ink);font-weight:400;display:inline-flex;align-items:center;gap:9px}
.nflow .circuit .cdetail__h b::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--nc)}
.nflow .circuit .cdetail__h span{background:#f2f2f6;color:var(--ink-60)}
.nflow .circuit .cdetail__c{background:#f2f2f6}
.nflow .circuit .cdetail__g h4{color:var(--ink-35)}
.nflow .path__note{border-radius:12px}
@media (max-width:860px){.nflow .circuit .cnode__st{width:58px;height:58px}.nflow .circuit .cnode__st .ico{width:42px;height:42px}.nflow .circuit .cnode__card{margin-top:0}}
.nflow .circuit .cnode__st .ico{width:64px;height:64px}
@media (max-width:860px){.nflow .circuit .cnode__st .ico{width:48px;height:48px}}
.nflow .flow__rhead p.flow__rnote{margin-top:12px;color:var(--ink)}

/* Íconos de rutas: sin círculo blanco; mancha orgánica con el color de cada ruta */
.nflow .circuit .cnode__st{background:transparent;box-shadow:none!important;width:84px;height:84px}
.nflow .circuit .cnode__st .ico{width:84px;height:84px;transition:transform .25s}
.nflow .circuit .cnode__st .ico__b{fill:var(--ncs)}
.nflow .circuit .cnode__st .ico__g{stroke:var(--nt);stroke-width:1.5}
.nflow .circuit .cnode.is-lit .cnode__st .ico,.nflow .circuit .cnode.is-open .cnode__st .ico,.nflow .circuit .cnode__st:hover .ico{transform:scale(1.06)}
@media (max-width:860px){.nflow .circuit .cnode__st,.nflow .circuit .cnode__st .ico{width:58px;height:58px}}
.nflow .circuit .cnode h3::before{display:none}
.nflow .flow__rhead{max-width:900px}
.nflow .flow__rhead p:not(.eyebrow):not(.flow__rnote){max-width:none}
.nflow .flow__rhead p{text-wrap:balance}
.nflow .flow__rhead p.flow__rnote{max-width:none;text-wrap:wrap}
@media (max-width:900px){.nflow .flow__rhead p.flow__rnote{text-wrap:balance}}

/* Rutas: versión minimal — ícono negro más pequeño sobre mancha de color, sin tarjetas */
.nflow .circuit .cnode__st,.nflow .circuit .cnode__st .ico{width:72px;height:72px}
.nflow .circuit .cnode__st .ico__g{stroke:var(--ink);stroke-width:1.6;transform-box:view-box;transform-origin:0 0;transform:translate(24px,24px) scale(.74) translate(-12px,-12px)}
.nflow .circuit .cnode__card{background:transparent;box-shadow:none!important;border-radius:0;padding:10px 6px 0;margin-top:10px}
.nflow .circuit .cnode.is-open .cnode__card{box-shadow:none!important}
.nflow .circuit .cnode.is-open h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--nc)}
.nflow .circuit .cdetail{box-shadow:none;background:#fff}
.nflow .circuit .cdetail::before{border-color:transparent}
@media (max-width:860px){.nflow .circuit .cnode__st,.nflow .circuit .cnode__st .ico{width:56px;height:56px}.nflow .circuit .cnode__card{padding:0;margin-top:0}}

/* «Ver detalle» en negrita y con vibración al pasar el cursor */
.nflow .circuit .cnode__btn{font-weight:600;color:var(--ink)}
@keyframes cfVib{0%,100%{transform:translateX(0)}15%{transform:translateX(-2px) rotate(-1deg)}30%{transform:translateX(2px) rotate(1deg)}45%{transform:translateX(-1.5px)}60%{transform:translateX(1.5px)}75%{transform:translateX(-.5px)}}
@media (hover:hover){.nflow .circuit .cnode__btn:hover,.nflow .circuit .cnode__card:hover .cnode__btn{animation:cfVib .45s ease-in-out}}
@media (prefers-reduced-motion:reduce){.nflow .circuit .cnode__btn{animation:none!important}}

/* Títulos de los tres momentos en mayúsculas, 3 pt (4 px) más pequeños */
.nflow .flow__c h3{text-transform:uppercase;font-size:calc(1.32rem - 4px);letter-spacing:.04em}

/* Más aire arriba de «Cómo funciona» (+50%) */
section#como-funciona.nflow{padding-top:clamp(78px,9.6vw,138px)}

/* Punto de color fuerte integrado al ícono de cada ruta */
.nflow .circuit .ico__g .ico__dot{fill:var(--nc);stroke:none}

/* Títulos de rutas: mismo valor tipográfico que los tres momentos */
.nflow .circuit .cnode h3{text-transform:uppercase;font-weight:300;font-size:calc(1.32rem - 4px);letter-spacing:.04em;line-height:1.08}

/* «Ver detalle»: movimiento pausado y suave (salud mental: nada brusco) */
@keyframes cfSway{0%,100%{transform:translateX(0)}25%{transform:translateX(-1.5px)}50%{transform:translateX(1.5px)}75%{transform:translateX(-.75px)}}
@media (hover:hover){.nflow .circuit .cnode__btn:hover,.nflow .circuit .cnode__card:hover .cnode__btn{animation:cfSway 1.6s cubic-bezier(.45,0,.55,1)}}

/* «Ver detalle»: al pasar el cursor aparece una píldora con trazo morado (sin vibración) */
.nflow .circuit .cnode__btn{animation:none!important;border-radius:99px;padding:8px 16px;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .45s ease,color .45s ease}
.nflow .circuit .cnode__btn:hover,.nflow .circuit .cnode__card:hover .cnode__btn,.nflow .circuit .cnode__btn:focus-visible{box-shadow:inset 0 0 0 1.5px var(--violet);color:var(--violet);outline:none}

/* La píldora de «Ver detalle» se activa al pasar sobre todo el módulo: ícono, título y texto */
.nflow .circuit .cnode{cursor:pointer}
@media (hover:hover){.nflow .circuit .cnode:hover .cnode__btn{box-shadow:inset 0 0 0 1.5px var(--violet);color:var(--violet)}.nflow .circuit .cnode:hover .cnode__st .ico{transform:scale(1.06)}}

/* Detalle de rutas: sin etiqueta, «Cerrar ×», subtítulos en morado */
.nflow .circuit .cdetail__h span{display:none}
.nflow .circuit .cdetail__c{display:inline-flex;align-items:center;gap:8px}
.nflow .circuit .cdetail__c::after{content:"";width:10px;height:10px;background:linear-gradient(45deg,transparent calc(50% - .8px),currentColor calc(50% - .8px),currentColor calc(50% + .8px),transparent calc(50% + .8px)),linear-gradient(-45deg,transparent calc(50% - .8px),currentColor calc(50% - .8px),currentColor calc(50% + .8px),transparent calc(50% + .8px))}
.nflow .circuit .cdetail__g h4{color:var(--violet)}

/* Ruta abierta: sin subrayado en el título; «Ocultar» pintado (píldora morada rellena) */
.nflow .circuit .cnode.is-open h3{text-decoration:none}
.nflow .circuit .cnode.is-open .cnode__btn,.nflow .circuit .cnode.is-open:hover .cnode__btn{background:var(--violet);color:#fff;box-shadow:inset 0 0 0 1.5px var(--violet)}

/* ===== Rutas más gráficas ===== */
/* Línea de intensidad que une las cuatro rutas */
@media (min-width:861px){
  .nflow .circuit .cnodes{position:relative}
  .nflow .circuit .cnodes::before{content:"";position:absolute;left:12.5%;right:12.5%;top:36px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sage),var(--skyc) 33%,var(--amber) 66%,var(--coral));opacity:.55;z-index:0}
  .nflow .circuit .cnode{position:relative;z-index:1}
  .nflow .circuit .cnodes::after{content:"Menor intensidad  ·  Mayor urgencia";position:absolute;left:0;right:0;top:-30px;text-align:center;font:500 .6rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-35);white-space:pre}
}
/* Medidor de nivel de atención en el detalle */
.nflow .circuit .cd-level{display:inline-flex;align-items:center;gap:4px;margin-left:6px}
.nflow .circuit .cd-level i{width:22px;height:6px;border-radius:3px;background:rgba(10,10,18,.09)}
.nflow .circuit .cd-level i.on{background:var(--nc)}
.nflow .circuit .cd-level em{font:500 .6rem var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-35);margin-left:8px}
/* Íconos por columna del detalle */
.nflow .circuit .cd-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ncs);margin-bottom:12px}
.nflow .circuit .cd-ico svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nflow .circuit .cdetail__g > div{padding-right:8px}
.nflow .circuit .cdetail__g > div + div{border-left:1px solid rgba(10,10,18,.07);padding-left:22px}
@media (max-width:860px){.nflow .circuit .cdetail__g > div + div{border-left:0;padding-left:0;border-top:1px solid rgba(10,10,18,.07);padding-top:16px}}

.nflow .circuit .cnodes::after{content:none}
.nflow .circuit .cn-scale{display:none}
@media (min-width:861px){.nflow .circuit .cn-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:14px;font:500 .6rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-35);text-align:center}.nflow .circuit .cn-scale span:last-child{grid-column:4}}

/* Esquema liviano: línea fina, tres puntos iguales, pulso discreto en el primero */
.cf-line{stroke-width:2.4}
.cf-dot .cf-dot__h{opacity:.16}
.nflow.is-live .cf-pulse{animation:cfP2 3.2s cubic-bezier(.2,.6,.3,1) infinite}
@keyframes cfP2{0%{transform:scale(.8);opacity:.4}100%{transform:scale(2.2);opacity:0}}
.cf-pulse--2{display:none}

/* ===== El recorrido del estudiante: layout de referencia ===== */
#acceso.acc{background:#fff}
.acc .acc__head{max-width:none;margin-bottom:clamp(36px,5vw,64px)}
.acc .acc__head .eyebrow{letter-spacing:.32em}
.acc .acc__head h2{font-size:clamp(1.9rem,3.3vw,2.6rem);font-weight:400;letter-spacing:-.02em;white-space:nowrap}
.acc .acc__wave{display:block;width:70px;height:auto;margin:16px auto 0}
.acc .stpwrap{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:clamp(24px,3.2vw,44px);margin-top:0}
.acc .stps{border-top:1px solid var(--line)}
.acc .stp__h{padding:clamp(18px,2.2vw,26px) 2px;align-items:center}
.acc .stp__n{font-size:clamp(.66rem,.9vw,.76rem);width:14px}
.acc .stp__t{font-size:clamp(1.08rem,1.8vw,1.38rem);font-weight:400;letter-spacing:-.01em}
.acc .stp__in>p{font-size:clamp(.84rem,1.38vw,1.05rem);color:rgba(10,10,18,.72);font-weight:400;line-height:1.7;max-width:56ch}
.acc .stp__k{font-size:clamp(.72rem,1.25vw,.92rem);font-weight:600;letter-spacing:.24em;color:rgba(10,10,18,.38);margin:clamp(18px,2vw,26px) 4px 12px}
.acc .stp__ul{gap:clamp(8px,1.1vw,12px)}
.acc .stp__ul li{font-size:clamp(.78rem,1.26vw,.98rem);color:rgba(10,10,18,.72)}
.acc .stp__ul li::before{background:linear-gradient(135deg,var(--violet),var(--skyc))}
.acc .stpphone{display:block;margin-top:clamp(24px,5vw,50px)}
.acc .stpphone .phone{max-width:330px;margin-left:auto}
@media (max-width:860px){.acc .stpwrap{grid-template-columns:minmax(0,1fr)}.acc .stpphone{display:none}.acc .acc__head h2{white-space:normal;text-wrap:balance}}

/* Títulos de los tres momentos en el violeta de la línea */
.nflow .flow__c h3{color:var(--violet-2)}

.nflow .circuit .cn-scale span:first-child{color:#1f8f74}
.nflow .circuit .cn-scale span:last-child{color:#c94a34}

/* Puntos de las rutas: pulsan cuando el destello de cada rama llega a su etiqueta (62% del ciclo de 8 s) */
.cflow__pills i{position:relative}
.cflow__pills i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--pc);opacity:0}
.nflow.is-live .cflow__pills i{animation:cfDot 8s ease-out infinite}
.nflow.is-live .cflow__pills i::after{animation:cfDotRing 8s ease-out infinite}
@keyframes cfDot{0%,60%,100%{transform:scale(1)}64%{transform:scale(1.45)}72%{transform:scale(1)}}
@keyframes cfDotRing{0%,60%{transform:scale(1);opacity:0}61%{opacity:.55}78%,100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.nflow .cflow__pills i,.nflow .cflow__pills i::after{animation:none!important}}

/* Rollover en una ruta: el círculo de color del ícono pulsa suave */
.nflow .circuit .ico__dot{transform-box:fill-box;transform-origin:center}
@keyframes cfIcoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
@media (hover:hover){.nflow .circuit .cnode:hover .ico__dot{animation:cfIcoPulse 1.6s ease-in-out infinite}}
@media (prefers-reduced-motion:reduce){.nflow .circuit .ico__dot{animation:none!important}}

/* Rollover: mismo pulso que los puntos del esquema (crece + anillo que se expande y desvanece) */
.nflow .circuit .ico__g .ico__ring{fill:var(--nc);stroke:none;opacity:0;transform-box:fill-box;transform-origin:center}
@keyframes cfIcoDot{0%,100%{transform:scale(1)}22%{transform:scale(1.45)}50%{transform:scale(1)}}
@keyframes cfIcoRing{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(3.2);opacity:0}}
@media (hover:hover){
  .nflow .circuit .cnode:hover .ico__dot{animation:cfIcoDot 1.8s ease-out infinite}
  .nflow .circuit .cnode:hover .ico__ring{animation:cfIcoRing 1.8s ease-out infinite}
}
@media (prefers-reduced-motion:reduce){.nflow .circuit .ico__ring{animation:none!important}}

/* «Pedir ayuda» siempre visible arriba en las pantallas del estudiante (no parpadea al cambiar de paso) */
.phone__screen .ascreen .ec__help{visibility:hidden}
.phone__screen > .ec__help--fixed{position:absolute;top:38px;right:16px;z-index:5;transition:opacity .3s}
.phone__screen:has(.ascreen[data-s="6"][data-on]) > .ec__help--fixed{opacity:0}

/* «Pedir ayuda» del mismo tamaño que «Ingresar» (alto 38 px, 12 px, misma fuente) */
.phone__screen > .ec__help--fixed{top:32px;height:38px;padding:0 16px;gap:7px;font:500 12px var(--display);letter-spacing:0}
.phone__screen > .ec__help--fixed svg{width:14px;height:14px}

/* Pantallas del teléfono: mismo fondo orgánico de la portada */
.phone .ec__bg{display:none}
.phone .ec{background-color:#eeeef8;background-image:url(../img/fondo-portada.jpg);background-image:image-set(url(../img/fondo-portada.webp) type("image/webp"),url(../img/fondo-portada.jpg) type("image/jpeg"));background-size:1100px auto;background-position:center top;background-repeat:no-repeat}

/* Trama del teléfono más pequeña: mosaico espejado (sin cortes) de la imagen de portada */
.phone .ec{background-image:url(../img/fondo-trama.jpg);background-image:image-set(url(../img/fondo-trama.webp) type("image/webp"),url(../img/fondo-trama.jpg) type("image/jpeg"));background-size:900px auto;background-repeat:repeat;background-position:center top}

/* Paso 1 · pantalla de bienvenida limpia y centrada */
.ec--welcome{display:flex;flex-direction:column;align-items:center;text-align:center}
.ec--welcome .ec__top{height:38px;margin:0}
.ec--welcome .ec__brand{margin-top:34px}
.ec--welcome .ec__brand svg{height:20px}
.ec--welcome .ec__crowd{margin-top:auto;width:84px;height:66px}
.ec__welcome{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;margin-bottom:auto;padding:0 6px}
.ec__wh{font-family:var(--display);font-weight:400;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:#2a2c3a;margin-top:14px}
.ec__wp{font-family:var(--body);font-size:10.5px;line-height:1.5;color:#5d5f70;margin-top:10px;max-width:22ch}
.ec__wbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:78%;height:38px;border-radius:8px;margin-top:18px;font:500 12px var(--display);color:#fff;background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5)}
.ec__wbtn i{font-style:normal;opacity:.85}
.ec__wbtn--alt{margin-top:10px;background:rgba(255,255,255,.85);color:#5d5f70;box-shadow:inset 0 0 0 1px rgba(58,36,214,.10)}
.ec__wh{font-size:18px;text-wrap:balance;max-width:15ch}
.ec__wp{text-wrap:balance;max-width:24ch}

/* Paso 1: caritas, saludo y botones centrados a la altura del teléfono (logo fijo arriba) */
.ec--welcome{position:relative;justify-content:center}
.ec--welcome .ec__top{position:absolute;top:0;left:0;right:0}
.ec--welcome .ec__brand{position:absolute;top:96px;left:0;right:0;margin:0}
.ec--welcome .ec__crowd{margin-top:0}
.ec__welcome{margin-bottom:0}
.ec--welcome .ec__brand{top:82px}
.ec--welcome .ec__crowd{margin-top:28px}
.ec__wp{max-width:none;white-space:nowrap;font-weight:600;color:#3d3f50}

/* «Pedir ayuda» centrado en el teléfono */
.phone__screen > .ec__help--fixed{right:auto;left:50%;transform:translateX(-50%)}
.phone__screen .ascreen:not([data-s="6"]) .ec__top .ec__logo{visibility:hidden}
.ec--welcome .ec__brand{top:96px}
.ec--welcome .ec__crowd{margin-top:56px}
.ec__wbtn{margin-top:40px}
.ec__wbtn--alt{margin-top:10px}
.ec--welcome .ec__crowd{margin-top:84px}

/* Marco del teléfono según referencia: cuerpo blanco, borde gris finísimo, bisel interior, botones laterales */
.phone{aspect-ratio:9/17;background:#fff;border-radius:48px;padding:9px;box-shadow:0 0 0 1px #e6e6ec,0 34px 60px -26px rgba(20,20,40,.18),0 0 46px rgba(20,20,40,.05)}
.phone::before,.phone::after{content:"";position:absolute;width:4px;background:#e5e4ef;z-index:0}
.phone::before{left:-4px;top:22%;height:12.5%;border-radius:3px 0 0 3px}
.phone::after{right:-4px;top:23%;height:10%;border-radius:0 3px 3px 0}
.phone__screen{border-radius:40px;box-shadow:inset 0 0 0 1.5px #e3e3e9}
.phone__notch{top:22px;width:15%;height:4px;background:#e0dfe9;border-radius:99px}

/* Paso 1 según referencia: sin «Pedir ayuda», logo arriba, bloque central limpio */
.phone__screen:has(.ascreen[data-s="0"][data-on]) > .ec__help--fixed{opacity:0;pointer-events:none}
.ec--welcome .ec__brand{top:58px}
.ec--welcome .ec__crowd{margin-top:40px}
.ec__wbtn{margin-top:26px}
.ec__wbtn.ec__wbtn--alt{margin-top:10px}
.acc .stp__in>p.stp__lead{margin:-2px 4px 12px;color:rgba(10,10,18,.72)}

/* Paso 2 · hoja de ruta: logo arriba, caritas, intro y ruta vertical numerada */
.phone__screen:has(.ascreen[data-s="1"][data-on]) > .ec__help--fixed{opacity:0;pointer-events:none}
.ec--route{display:flex;flex-direction:column;align-items:center;text-align:center}
.ec--route .ec__brand{margin-top:30px}
.ec--route .ec__brand svg{height:20px}
.ec--route .ec__crowd{width:62px;height:50px;margin-top:22px}
.ec__rintro{font-family:var(--body);font-size:10.5px;line-height:1.45;color:#2a2c3a;margin:6px 4px 0;text-wrap:balance}
.ec__route{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;width:100%;position:relative}
.ec__route::before{content:"";position:absolute;top:10px;bottom:16px;left:50%;width:1.5px;transform:translateX(-50%);background:rgba(255,255,255,.95)}
.ec__route li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.ec__route li + li{margin-top:9px}
.ec__rn{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--violet);color:#fff;font:600 9px var(--body)}
.ec__rp{display:block;width:76%;padding:8px 10px;border-radius:99px;background:#fff;color:var(--violet);font:500 12.5px var(--body);box-shadow:0 2px 10px rgba(58,36,214,.06)}
.ec--route .ec__btn--foot{align-self:stretch;margin-top:auto}

.ec--route .ec__brand{margin-top:22px}
.ec--route .ec__crowd{width:74px;height:59px;margin-top:16px}
.ec__rintro{margin-top:4px}
.ec__route{margin-top:10px}
.ec__route::before{width:2px;background:#fff;top:12px;bottom:20px;z-index:0}
.ec__route li{gap:7px;z-index:1}
.ec__route li + li{margin-top:12px}
.ec__rp{padding:7px 10px;font-size:12px}
.ec--route .ec__btn--foot{margin-top:auto;flex:none}
.ec--route{padding-bottom:14px}

/* Botones del teléfono con el estilo de «Ingresar con mi código» (degradado violeta → verde agua, esquinas 8 px) */
.phone .ec__btn{border-radius:8px;background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5);font-family:var(--display)}
.phone .ec__ghostb{border-radius:8px}

/* Interlineado parejo en el contenido de los pasos */
.acc .stp__in>p{line-height:1.55}
.acc .stp__in>p + p{margin-top:8px}
.acc .stp__k{margin:20px 4px 6px;line-height:1.3}
.acc .stp__in>p.stp__lead{margin:0 4px 8px}
.acc .stp__ul{gap:4px}
.acc .stp__ul li{line-height:1.55}
.acc .stp__ul li::before{transform:translateY(-1px)}
.acc .stp__in>p.stp__k{margin:22px 4px 8px}
.acc .stp__in>p.stp__lead{margin:0 4px 8px}

.acc .stp__in>p.stp__k{color:var(--violet)}

/* Hoja de ruta: espaciado equilibrado + despliegue */
.ec--route{gap:0;padding-top:22px;padding-bottom:20px}
.ec--route .ec__brand{margin-top:auto}
.ec--route .ec__crowd{margin-top:18px;overflow:visible}
.ec--route .ec__rintro{margin-top:8px}
.ec--route .ec__route{margin-top:12px}
.ec--route .ec__btn--foot{margin-top:18px;margin-bottom:auto;align-self:stretch}
.ec__route li + li{margin-top:9px}
.ec__route li{gap:5px}
.ec__rp{cursor:pointer;padding:0;border-radius:17px;transition:box-shadow .3s}
.ec__rt{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;position:relative}
.ec__rc{position:absolute;right:12px;top:50%;width:12px;height:12px;margin-top:-6px;fill:none;stroke:var(--violet);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform .35s ease,opacity .3s}
.ec__rd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.ec__rd>span{overflow:hidden;font:400 10px/1.45 var(--body);color:#4d4f60;padding:0 14px;opacity:0;transition:opacity .3s ease,padding .4s ease}
.ec__route li.is-open .ec__rd{grid-template-rows:1fr}
.ec__route li.is-open .ec__rd>span{opacity:1;padding:0 14px 9px}
.ec__route li.is-open .ec__rc{transform:rotate(180deg);opacity:1}
.ec__route li.is-open .ec__rp{box-shadow:0 6px 18px rgba(58,36,214,.12)}

/* Caritas del teléfono: saltan cada pocos segundos */
.ec__crowd{overflow:visible}
@keyframes ecHop{0%,64%,100%{translate:0 0}71%{translate:0 -32%}78%{translate:0 0}83%{translate:0 -10%}88%{translate:0 0}}
.ec__crowd .fig{animation:ecHop 3.8s cubic-bezier(.33,.66,.45,1) infinite}
.ec__crowd .fig:nth-of-type(2){animation-delay:.16s}
.ec__crowd .fig:nth-of-type(3){animation-delay:.32s}
.ec__crowd .fig:nth-of-type(4){animation-delay:.48s}
@media (prefers-reduced-motion: reduce){.ec__crowd .fig{animation:none}}

/* Antes de empezar */
.ec--consent{gap:0;padding:84px 18px 18px;align-items:center;text-align:center}
.ec--consent .ec__eb{font-size:8.5px}
.ec__ch{display:block;margin-top:8px;font:500 17px/1.25 var(--display);letter-spacing:-.01em;color:var(--ink)}
.ec__cpts{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;width:100%;text-align:left}
.ec__cpts li{position:relative;background:#fff;border-radius:14px;padding:8px 12px 8px 28px;font:400 10.5px/1.45 var(--body);color:#2a2c3a;box-shadow:0 2px 10px rgba(58,36,214,.06)}
.ec__cpts li::before{content:"";position:absolute;left:13px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--violet)}
.ec__cpts li.is-care::before{background:var(--coral)}
.ec__swipe{position:relative;margin-top:auto;width:100%;height:44px;border-radius:99px;background:#fff;box-shadow:0 2px 10px rgba(58,36,214,.08);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;overflow:hidden;--p:0}
.ec__swfill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5);clip-path:inset(0 calc((1 - var(--p)) * (100% - 44px)) 0 0 round 99px);opacity:calc(.15 + var(--p) * .85)}
.ec__swt{position:absolute;inset:0;display:grid;place-items:center;padding-left:34px;font:500 11.5px var(--display);color:var(--violet);opacity:calc(1 - var(--p) * 1.4);transition:color .3s}
.ec__swk{position:absolute;left:4px;top:4px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3a24d6,#6c5cff);display:grid;place-items:center;box-shadow:0 4px 12px rgba(58,36,214,.3);transform:translateX(calc(var(--p) * (var(--w,240px) - 44px)))}
.ec__swk svg{grid-area:1/1;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s,transform .35s}
.ec__swc{opacity:0;transform:scale(.4)}
.ec__swipe.is-done .ec__swa{opacity:0}
.ec__swipe.is-done .ec__swc{opacity:1;transform:none}
.ec__swipe.is-done .ec__swk{background:#fff}
.ec__swipe.is-done .ec__swk svg{stroke:var(--violet)}
.ec__swipe.is-done .ec__swt{opacity:1;color:#fff;padding:0 44px 0 0}
.ec__swipe.is-anim .ec__swk,.ec__swipe.is-anim .ec__swfill{transition:transform .35s cubic-bezier(.3,.7,.4,1),clip-path .35s cubic-bezier(.3,.7,.4,1),opacity .35s}
.ec__swipe:not(.is-done) .ec__swk{animation:swHint 2.6s ease-in-out 1s infinite}
@keyframes swHint{0%,70%,100%{translate:0 0}80%{translate:10px 0}90%{translate:0 0}}
.ec--consent .ec__btn--go{margin-top:10px;width:100%;justify-content:center;transition:opacity .35s,filter .35s}
.ec--consent:not(.is-ok) .ec__btn--go{opacity:.4;filter:saturate(.4)}
.ec--consent .ec__ghost{margin-top:2px}
.ec--route{padding-top:34px}
.ec--route .ec__crowd{width:66px;height:53px;margin-top:14px}
.ec--route .ec__rintro{margin-top:6px}
.ec--route .ec__route{margin-top:10px}
.ec--route .ec__crowd{margin-top:15.4px}
.ec__cpts li{background:transparent;border:1.5px solid #fff;box-shadow:none}
.ec--route .ec__rintro{font-size:13px;line-height:1.4}
.ec--route{padding-top:28px}
.ec--route .ec__route{margin-top:8px}
.ec--route .ec__route li + li{margin-top:6px}
/* Nubes fijas: la explicación aparece debajo, fuera de la nube */
.ec__route .ec__rp,.ec__route li.is-open .ec__rp{background:transparent;box-shadow:none;border-radius:0;padding:0;width:76%}
.ec__rt{background:#fff;border-radius:99px;box-shadow:0 2px 10px rgba(58,36,214,.06);transition:box-shadow .3s}
.ec__rc{display:none}
.ec__route li.is-open .ec__rt{box-shadow:0 0 0 1.5px var(--violet),0 4px 14px rgba(58,36,214,.12)}
.ec__rd>span,.ec__route li.is-open .ec__rd>span{padding-left:6px;padding-right:6px;font-size:10px}
.ec__route li.is-open .ec__rd>span{padding-top:5px;padding-bottom:0}
.ec__cpts li{font-size:13px;line-height:1.38;background:rgba(255,255,255,.55);border:1.5px solid #fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:8px 12px 8px 28px}
.ec__cpts li::before{top:14px}
.ec__swt{font-size:13px}
.ec--consent{padding-top:80px}
.ec__cpts{margin:12px 0 14px;gap:6px}
.ec__cpts li{padding:7px 12px 7px 28px}
.ec__cpts li::before{top:13px}
.ec__swt{font-size:12.5px}
.ec--consent .ec__btn--go{margin-top:8px}
.ec--consent .ec__btn--go{background:transparent;border:1.5px solid #fff;color:var(--violet);box-shadow:none}
.ec--consent:not(.is-ok) .ec__btn--go{opacity:.55;filter:none}
.ec--consent.is-ok .ec__btn--go{background:rgba(255,255,255,.35)}
.ec--consent .ec__btn--go{transition:opacity .35s,background-color .35s,color .35s,border-color .35s}
.ec--consent.is-ok .ec__btn--go{background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5);border-color:transparent;color:#fff;opacity:1}
.ec__rp{cursor:default}
.ec--route .ec__route li + li{margin-top:10px}
.ec__route li.is-open .ec__rt{box-shadow:0 2px 10px rgba(58,36,214,.06)}
/* Logo del teléfono: mismo tamaño y posición en todas las pantallas (−33%) */
.phone .ec--welcome .ec__brand,.phone .ec--route .ec__brand{position:absolute;top:44px;left:0;right:0;margin:0;gap:3px}
.phone .ec--welcome .ec__brand svg,.phone .ec--route .ec__brand svg{height:13.4px}
.phone .ec--welcome .ec__brand i,.phone .ec--route .ec__brand i{font-size:5.4px;letter-spacing:.32em;margin-right:-.32em}
.phone .ec--route{padding-top:66px}
.phone .ec--route .ec__crowd{margin-top:0}
.phone .ec--route .ec__btn--foot{margin-bottom:auto}
.phone .ec--route{padding-top:83px}
.ec__route .ec__rn{background:#9a8bd6}
.ec__route .ec__rp,.ec__route .ec__rt{color:#2a2c3a}
/* Logo fijo en todas las pantallas del teléfono */
.phone__screen > .ec__brand--fixed{position:absolute;top:44px;left:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:3px;margin:0;pointer-events:none}
.phone__screen > .ec__brand--fixed svg{height:13.4px;width:auto;fill:var(--ink)}
.phone__screen > .ec__brand--fixed i{font-style:normal;font-family:var(--mono);font-size:5.4px;letter-spacing:.32em;margin-right:-.32em;color:var(--ink)}
.phone .ascreen .ec--welcome .ec__brand,.phone .ascreen .ec--route .ec__brand{visibility:hidden}
.phone__screen > .ec__help--fixed{top:78px;height:32px}
.phone .ascreen[data-s="3"] .ec__top,.phone .ascreen[data-s="4"] .ec__top,.phone .ascreen[data-s="5"] .ec__top{margin-top:40px}
.phone .ec--consent{padding-top:120px}
.phone .ascreen[data-s="6"] .ec__top{margin-top:40px;justify-content:center}
.phone .ascreen[data-s="6"] .ec__top .ec__logo{display:none}
/* ===== Lenguaje de "Identifica su hoja de ruta" aplicado a pantallas 2–6 ===== */
.phone{--lil:#9a8bd6;--lil-soft:#e4dff7;--graf:#2a2c3a}
.phone .ascreen:not([data-s="0"]):not([data-s="1"]) .ec{color:var(--graf)}
/* textos */
.phone .ascreen .ec__p{font:400 11px/1.45 var(--body);color:#4d4f60}
.phone .ascreen[data-s="3"] .ec__p,.phone .ascreen[data-s="4"] .ec__p,.phone .ascreen[data-s="5"] .ec__p{text-align:center}
.phone .ascreen[data-s="3"] .ec__h,.phone .ascreen[data-s="4"] .ec__h{font:400 14px/1.35 var(--display);color:var(--graf);text-align:center;text-wrap:balance}
.phone .ascreen .ec__h--lg{font:400 16px/1.25 var(--display);color:var(--graf)}
.phone .ascreen .ec__eb,.phone .ascreen .ec__prog{font:500 9.5px var(--body);letter-spacing:.02em;text-transform:none;color:var(--lil)}
.phone .ascreen .ec__prog{justify-content:center;gap:8px}
.phone .ascreen .ec__prog span:last-child{color:var(--lil)}
.phone .ascreen .ec__prog span:last-child::before{content:"· "}
.phone .ascreen .ec__note{text-align:center;font-size:9px;color:#8a8ca0}
/* progreso y selector */
.phone .ascreen .ec__bar{width:70%;align-self:center}
.phone .ascreen .ec__bar i{background:#fff;height:5px}
.phone .ascreen .ec__bar i.on{background:var(--lil)}
.phone .ascreen .ec__bar i.half{background:linear-gradient(90deg,var(--lil) 45%,#fff 45%)}
.phone .ascreen .ec__seg{box-shadow:0 2px 10px rgba(58,36,214,.06)}
.phone .ascreen .ec__seg span{font:500 11px var(--body);color:var(--graf)}
.phone .ascreen .ec__seg span.on{background:var(--lil);color:#fff}
/* opciones como nubes */
.phone .ascreen .ec__opts{gap:7px}
.phone .ascreen .ec__opt{position:relative;justify-content:center;border:1.5px solid transparent;border-radius:99px;padding:8px 30px;font:500 12px var(--body);color:var(--graf);background:#fff;box-shadow:0 2px 10px rgba(58,36,214,.06)}
.phone .ascreen .ec__opt i{position:absolute;left:12px;top:50%;margin-top:-6.5px;border-color:#cfc8ec}
.phone .ascreen .ec__opt--on{border-color:var(--lil);background:#fff}
.phone .ascreen .ec__opt--on i{background:var(--lil);border-color:var(--lil)}
/* grabación */
.phone .ascreen .ec__rec{border-radius:99px;padding:8px 14px 8px 8px;box-shadow:0 2px 10px rgba(58,36,214,.06)}
.phone .ascreen .ec__micb{background:var(--lil)}
.phone .ascreen .ec__micb::after{border-color:var(--lil)}
.phone .ascreen .ec__rec .micwave i{background:var(--lil)}
.phone .ascreen .ec__time{font:500 11px var(--body);color:var(--graf)}
/* botones */
.phone .ascreen .ec__nav{gap:8px}
.phone .ascreen .ec__ghostb{background:#fff;color:var(--graf);font:500 12px var(--display);box-shadow:0 2px 10px rgba(58,36,214,.06)}
/* gracias */
.phone .ascreen[data-s="5"] .ec__crowd{width:74px;height:59px;margin-top:6px}
.phone .ascreen .ec__card{border-radius:16px;box-shadow:0 2px 10px rgba(58,36,214,.06)}
.phone .ascreen[data-s="5"] .ec__card{text-align:center;align-items:center}
.phone .ascreen .ec__card--sm b{color:var(--graf);font-family:var(--body)}
/* panel */
.phone .ascreen .ec__pill{color:var(--graf);font:500 10px var(--body);box-shadow:0 2px 10px rgba(58,36,214,.06)}
.phone .ascreen[data-s="6"] .ec__eb,.phone .ascreen[data-s="6"] .ec__h{text-align:center}
.phone .ascreen[data-s="6"] .ec__h--lg{display:block}
/* antes de empezar: entra en pantalla */
.phone .ec--consent{padding-top:120px}
.phone .ec--consent .ec__eb{display:none}
.phone .ec--consent .ec__ch{margin-top:0;font:400 16px/1.25 var(--display);color:var(--graf)}
.phone .ec--consent .ec__cpts{margin:10px 0 12px;gap:5px}
.phone .ec--consent .ec__cpts li{font-size:12px;padding:6px 12px 6px 26px;color:var(--graf)}
.phone .ec--consent .ec__cpts li::before{top:11.5px;left:12px;background:var(--lil)}
.phone .ec--consent .ec__cpts li.is-care::before{background:var(--coral)}
.phone .ec--consent .ec__swipe{flex:none;height:42px}
.phone .ec--consent .ec__swk{width:34px;height:34px}
.phone .ec--consent .ec__btn--go,.phone .ec--consent .ec__ghost{flex:none}
.phone .ec--consent .ec__cpts li{font-size:13px;line-height:1.38}
.phone .ec--consent .ec__cpts{background:#fff;border-radius:16px;padding:6px 4px;gap:0;box-shadow:0 2px 10px rgba(58,36,214,.06)}
.phone .ec--consent .ec__cpts li{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:7px 12px 7px 26px}
.phone .ec--consent .ec__cpts li + li{border-top:1px solid #efedf8}
.phone .ec--consent .ec__cpts li::before{top:12.5px}
.phone__screen > .ec__help--fixed{white-space:nowrap;width:max-content;font-size:11.5px;padding:0 14px}
/* Ayuda al pie de la pantalla */
.phone__screen > .ec__help--fixed{top:auto;bottom:14px}
.phone .ascreen[data-s="2"] .ec,.phone .ascreen[data-s="3"] .ec,.phone .ascreen[data-s="4"] .ec,.phone .ascreen[data-s="5"] .ec{padding-bottom:60px}
.phone .ascreen[data-s="3"] .ec__top,.phone .ascreen[data-s="4"] .ec__top,.phone .ascreen[data-s="5"] .ec__top{margin-top:4px}
.phone .ec--consent{padding-top:84px}
/* Antes de empezar: franja blanca del 2º al 4º quinto */
.phone .ec--consent{padding:0}
.phone .ec--consent .ec__band{position:absolute;left:0;right:0;top:20%;bottom:20%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;gap:0;z-index:1}
.phone .ec--consent .ec__cpts{background:none;box-shadow:none;border-radius:0;padding:0;margin:8px 0 10px}
.phone .ec--consent .ec__cpts li{padding:6px 4px 6px 16px}
.phone .ec--consent .ec__cpts li::before{left:3px;top:12px}
.phone .ec--consent .ec__swipe{margin-top:0;background:#f4f2fb;box-shadow:none}
.phone .ec--consent .ec__btn--go{margin-top:8px;border-color:#e4dff7}
.phone .ec--consent .ec__ghost{position:absolute;left:0;right:0;top:calc(80% + 8px);margin:0;z-index:1}
.phone .ec--consent .ec__nav--consent{position:absolute;left:16px;right:16px;top:calc(80% + 10px);margin:0;z-index:1}
.phone .ec--consent .ec__nav--consent .ec__btn--go{margin-top:4px;border-color:#fff}
.phone .ec--consent .ec__nav--consent .ec__ghostb{background:transparent;box-shadow:none;color:var(--violet)}
.phone .ec--consent .ec__swipe{margin-top:4px}
.phone .ec--consent .ec__band{top:84px;bottom:58px}
.phone .ec--consent .ec__nav--consent{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:16px}
.phone .ec--consent .ec__nav--consent>span{height:38px;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font:500 12.5px var(--display)}
.phone .ec--consent .ec__nav--consent .ec__ghostb{background:#fff;border:1.5px solid #e4dff7;color:var(--violet)}
.phone .ec--consent .ec__nav--consent .ec__btn--go{width:auto;border:1.5px solid #e4dff7;color:var(--violet);background:#fff}
.phone .ec--consent.is-ok .ec__nav--consent .ec__btn--go{background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5);border-color:transparent;color:#fff}
.phone .ec--consent .ec__nav--consent .ec__btn--go{margin-top:0}
/* Franjas fijas: 71px arriba (logo) y 71px abajo (ayuda), centro blanco */
.phone{--fr:71px}
.phone__screen > .ec__brand--fixed{top:33px}
.phone__screen > .ec__help--fixed{bottom:19.5px}
.phone .ec--consent .ec__band{top:var(--fr);bottom:var(--fr)}
.phone .ascreen[data-s="3"] .ec,.phone .ascreen[data-s="4"] .ec,.phone .ascreen[data-s="5"] .ec{padding:calc(var(--fr) + 14px) 18px calc(var(--fr) + 14px)}
.phone .ascreen[data-s="3"] .ec::before,.phone .ascreen[data-s="4"] .ec::before,.phone .ascreen[data-s="5"] .ec::before{content:"";position:absolute;left:0;right:0;top:var(--fr);bottom:var(--fr);background:#fff;z-index:0}
.phone .ascreen[data-s="3"] .ec>*,.phone .ascreen[data-s="4"] .ec>*,.phone .ascreen[data-s="5"] .ec>*{position:relative;z-index:1}
.phone .ascreen[data-s="3"] .ec__top,.phone .ascreen[data-s="4"] .ec__top,.phone .ascreen[data-s="5"] .ec__top{display:none}
.phone .ascreen[data-s="3"] .ec__seg,.phone .ascreen[data-s="4"] .ec__seg{background:#f4f2fb;box-shadow:none}
.phone .ascreen .ec__bar i{background:#ece9f7}
.phone .ascreen .ec__bar i.half{background:linear-gradient(90deg,var(--lil) 45%,#ece9f7 45%)}
.phone .ascreen[data-s="3"] .ec__opt{background:#f4f2fb;box-shadow:none;padding:7px 30px}
.phone .ascreen[data-s="3"] .ec__opt--on{background:#fff}
.phone .ascreen[data-s="4"] .ec__rec{background:#f4f2fb;box-shadow:none}
.phone .ascreen[data-s="5"] .ec__card{background:#f4f2fb;box-shadow:none}
.phone .ascreen .ec__ghostb{background:#fff;border:1.5px solid #e4dff7;box-shadow:none}
.phone .ascreen[data-s="3"] .ec,.phone .ascreen[data-s="4"] .ec{gap:7px}
.phone .ec--route{padding-top:72px}
.phone .ec--route{padding-top:73px}
.phone .ec--consent .ec__cpts li{font-size:12px;color:#6b6d80}
.phone .ec--consent .ec__nav--consent{gap:0;border:1.5px solid #e4dff7;border-radius:10px;overflow:hidden;background:#fff}
.phone .ec--consent .ec__nav--consent>span{border:0!important;border-radius:0;height:40px}
.phone .ec--consent .ec__nav--consent .ec__btn--go{border-left:1.5px solid #e4dff7!important}
.phone .ec--consent.is-ok .ec__nav--consent .ec__btn--go{border-left-color:transparent!important}
.phone .ec--consent .ec__nav--consent{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.phone .ec--consent .ec__nav--consent .ec__btn--go{border-left:0!important}
.phone .ec--consent .ec__nav--consent::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1.5px;margin-left:-.75px;background:#e4dff7;z-index:2;transition:opacity .3s}
.phone .ec--consent.is-ok .ec__nav--consent::after{opacity:0}
.phone .ec--consent .ec__nav--consent{top:auto;left:auto;right:auto}
.phone .ec--consent .ec__nav--consent::after{width:1px;margin-left:-.5px;background:#ddd7f3}
/* Transición suave trama → blanco */
.phone{--fade:34px}
.phone .ec--consent .ec__band,.phone .ascreen[data-s="3"] .ec::before,.phone .ascreen[data-s="4"] .ec::before,.phone .ascreen[data-s="5"] .ec::before{top:calc(var(--fr) - var(--fade) / 2);bottom:calc(var(--fr) - var(--fade) / 2);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.75) calc(var(--fade) * .5),#fff var(--fade),#fff calc(100% - var(--fade)),rgba(255,255,255,.75) calc(100% - var(--fade) * .5),rgba(255,255,255,0) 100%)}
.phone .ec--consent .ec__band{padding-top:calc(var(--fade) / 2);padding-bottom:calc(var(--fade) / 2)}
.phone{--fadeb:70px}
.phone .ec--consent .ec__band,.phone .ascreen[data-s="3"] .ec::before,.phone .ascreen[data-s="4"] .ec::before,.phone .ascreen[data-s="5"] .ec::before{bottom:calc(var(--fr) - var(--fadeb) / 2);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.75) calc(var(--fade) * .5),#fff var(--fade),#fff calc(100% - var(--fadeb)),rgba(255,255,255,.92) calc(100% - var(--fadeb) * .78),rgba(255,255,255,.7) calc(100% - var(--fadeb) * .55),rgba(255,255,255,.4) calc(100% - var(--fadeb) * .32),rgba(255,255,255,.14) calc(100% - var(--fadeb) * .12),rgba(255,255,255,0) 100%)}
.phone .ec--consent .ec__band{padding-bottom:calc(var(--fadeb) / 2)}
/* Pregunta y navegación tipo módulo */
.phone .ascreen .ec__prog span:last-child::before{content:none}
.phone .ascreen .ec__prog{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.phone .ascreen[data-s="3"] .ec__p{font:400 14px/1.35 var(--display);color:var(--graf);margin-bottom:-6px}
.phone .ascreen[data-s="3"] .ec__seg,.phone .ascreen[data-s="4"] .ec__seg{margin-top:4px}
.phone .ascreen[data-s="3"] .ec__nav,.phone .ascreen[data-s="4"] .ec__nav{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1.5px solid #e4dff7;border-radius:10px;overflow:hidden;background:#fff}
.phone .ascreen[data-s="3"] .ec__nav>span,.phone .ascreen[data-s="4"] .ec__nav>span{height:40px;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:6px}
.phone .ascreen[data-s="3"] .ec__nav .ec__ghostb,.phone .ascreen[data-s="4"] .ec__nav .ec__ghostb{background:#fff;color:var(--violet)}
.phone .ascreen[data-s="3"] .ec__nav::after,.phone .ascreen[data-s="4"] .ec__nav::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-.5px;background:#ddd7f3}
.phone .ascreen[data-s="3"] .ec,.phone .ascreen[data-s="4"] .ec,.phone .ascreen[data-s="5"] .ec{padding-bottom:64px}
/* Selector de modo: botones separados, activo con degradado */
.phone .ascreen[data-s="3"] .ec__seg,.phone .ascreen[data-s="4"] .ec__seg{background:none;padding:0;gap:6px;box-shadow:none}
.phone .ascreen[data-s="3"] .ec__seg span,.phone .ascreen[data-s="4"] .ec__seg span{text-transform:uppercase;letter-spacing:.08em;font:500 9.5px var(--display);padding:7px 0;border-radius:8px;background:#fff;border:1px solid #d9d9e0;color:#6b6d80}
.phone .ascreen[data-s="3"] .ec__seg span.on,.phone .ascreen[data-s="4"] .ec__seg span.on{background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5);border-color:transparent;color:#fff}
.phone .ascreen[data-s="3"] .ec__seg,.phone .ascreen[data-s="4"] .ec__seg{margin-bottom:14px}
/* Selector: forma de cápsula única, colores nuevos */
.phone .ascreen[data-s="3"] .ec__seg,.phone .ascreen[data-s="4"] .ec__seg{background:#fff;border:1px solid #d9d9e0;border-radius:99px;padding:3px;gap:2px}
.phone .ascreen[data-s="3"] .ec__seg span,.phone .ascreen[data-s="4"] .ec__seg span{border:0;border-radius:99px;background:transparent;padding:6px 0}
.phone .ascreen[data-s="3"] .ec__seg span.on,.phone .ascreen[data-s="4"] .ec__seg span.on{background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5)}
.phone .ascreen .ec__bar{width:100%;align-self:stretch}
.phone .ascreen[data-s="3"] .ec__bar,.phone .ascreen[data-s="4"] .ec__bar{margin-top:12px}
.phone .ascreen[data-s="3"] .ec__seg,.phone .ascreen[data-s="4"] .ec__seg{margin:0 0 14px}
.phone .ascreen[data-s="3"] .ec__h,.phone .ascreen[data-s="4"] .ec__h{margin-bottom:8px}
.phone .ascreen[data-s="3"] .ec__seg{grid-template-columns:1.35fr 1fr 1fr}
.phone .ascreen[data-s="3"] .ec__bar,.phone .ascreen[data-s="4"] .ec__bar{margin-top:6px}
.phone .ascreen .ec__p--hint{color:var(--violet);font-weight:500}
.phone .ascreen .ec__p--hint{font-size:10.5px;white-space:nowrap}
.phone .ascreen .ec__p--hint{font-size:9.6px;letter-spacing:-.005em;line-height:1.5}
.phone .ascreen .ec__p--hint{font-size:11px;letter-spacing:0;line-height:1.45}
/* Con tus palabras: estilo micrófono central */
.phone .ascreen[data-s="4"] .ec__p--hint{color:#6b6d80;font-weight:400}
.phone .ascreen[data-s="4"] .ec__h{font:400 16px/1.35 var(--body);color:var(--graf);margin:4px 0 0}
.phone .ec__mic{display:grid;place-items:center;margin-top:16px}
.phone .ec__micbig{position:relative;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#4b3fd9,#6c7fd8 55%,#63b9a5);display:grid;place-items:center;box-shadow:0 8px 22px rgba(58,36,214,.22)}
.phone .ec__micbig::before,.phone .ec__micbig::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(108,92,255,.28);inset:-9px;animation:micr 2.6s ease-out infinite}
.phone .ec__micbig::after{inset:-18px;border-color:rgba(108,92,255,.16);animation-delay:.5s}
@keyframes micr{0%{transform:scale(.92);opacity:0}30%{opacity:1}100%{transform:scale(1.12);opacity:0}}
.phone .ec__micbig svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.phone .ascreen .ec__wave{flex:none;width:100%;height:28px;gap:1.5px;justify-content:center;margin-top:18px}
.phone .ascreen .ec__wave i{width:2px;opacity:.85}
.phone .ascreen[data-s="4"] .ec__time{text-align:center;font:500 10px var(--body);color:#8a8ca0;margin-top:2px}
@media (prefers-reduced-motion: reduce){.phone .ec__micbig::before,.phone .ec__micbig::after{animation:none;opacity:1}}
.phone .ascreen[data-s="4"] .ec__p--hint{color:var(--violet);font-weight:500}
.phone .ascreen[data-s="4"] .ec__h{font-size:15px;line-height:1.32}
.phone .ec__mic{margin-top:14px}
.phone .ec__micbig{width:54px;height:54px}
.phone .ec__micbig svg{width:23px;height:23px}
.phone .ascreen .ec__wave{margin-top:16px}
.phone .ascreen[data-s="4"] .ec__nav,.phone .ascreen[data-s="4"] .ec__bar{flex:none}
.phone .ascreen[data-s="4"] .ec__seg{margin-bottom:6px}
.phone .ascreen[data-s="4"] .ec__h{line-height:1.28;margin-top:2px}
.phone .ascreen[data-s="4"] .ec__mic{margin-top:12px}
.phone .ascreen[data-s="4"] .ec__wave{margin-top:12px;height:24px}
.phone .ascreen[data-s="4"] .ec{gap:6px}

/* Onda de voz del título: respira suave */
@keyframes accw{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.acc .acc__wave rect{transform-box:fill-box;transform-origin:center;animation:accw 1.8s ease-in-out infinite}
.acc .acc__wave rect:nth-of-type(1){animation-delay:-0.45s}
.acc .acc__wave rect:nth-of-type(2){animation-delay:-0.4s}
.acc .acc__wave rect:nth-of-type(3){animation-delay:-0.09s}
.acc .acc__wave rect:nth-of-type(4){animation-delay:-0.13s}
.acc .acc__wave rect:nth-of-type(5){animation-delay:-0.63s}
.acc .acc__wave rect:nth-of-type(6){animation-delay:-1.01s}
.acc .acc__wave rect:nth-of-type(7){animation-delay:-0.88s}
.acc .acc__wave rect:nth-of-type(8){animation-delay:-0.59s}
.acc .acc__wave rect:nth-of-type(9){animation-delay:-0.72s}
.acc .acc__wave rect:nth-of-type(10){animation-delay:-1.25s}
.acc .acc__wave rect:nth-of-type(11){animation-delay:-1.56s}
.acc .acc__wave rect:nth-of-type(12){animation-delay:-1.36s}
.acc .acc__wave rect:nth-of-type(13){animation-delay:-1.1s}
.acc .acc__wave rect:nth-of-type(14){animation-delay:-1.33s}
.acc .acc__wave rect:nth-of-type(15){animation-delay:-0.06s}
.acc .acc__wave rect:nth-of-type(16){animation-delay:-0.29s}
.acc .acc__wave rect:nth-of-type(17){animation-delay:-0.03s}
.acc .acc__wave rect:nth-of-type(18){animation-delay:-1.63s}
.acc .acc__wave rect:nth-of-type(19){animation-delay:-0.14s}
.acc .acc__wave rect:nth-of-type(20){animation-delay:-0.67s}
.acc .acc__wave rect:nth-of-type(21){animation-delay:-0.8s}
.acc .acc__wave rect:nth-of-type(22){animation-delay:-0.51s}
.acc .acc__wave rect:nth-of-type(23){animation-delay:-0.38s}
.acc .acc__wave rect:nth-of-type(24){animation-delay:-0.77s}
.acc .acc__wave rect:nth-of-type(25){animation-delay:-1.26s}
.acc .acc__wave rect:nth-of-type(26){animation-delay:-1.3s}
.acc .acc__wave rect:nth-of-type(27){animation-delay:-0.99s}
@media (prefers-reduced-motion: reduce){.acc .acc__wave rect{animation:none}}
/* Termina con ayuda a mano: fondo de trama completo */
.phone .ascreen[data-s="5"] .ec::before{display:none}
.phone .ascreen[data-s="5"] .ec{padding:84px 18px 64px;gap:0;align-items:center;text-align:center}
.phone .ascreen[data-s="5"] .ec__crowd{width:84px;height:66px;margin:auto 0 12px}
.phone .ascreen[data-s="5"] .ec__h--lg{font:500 17px/1.25 var(--display);color:#6a5cc4;text-wrap:balance}
.phone .ascreen[data-s="5"] .ec__thx{margin-top:8px;font:400 12.5px/1.5 var(--body);color:var(--graf)}
.phone .ascreen[data-s="5"] .ec__btn--foot{margin-top:auto;align-self:stretch}
/* Ayuda: deslizar hacia la derecha para activar */
.phone__screen > .ec__hsw{left:16px;right:16px;width:auto;transform:none;height:38px;padding:0;gap:0;display:block;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;--p:0;box-shadow:0 2px 10px rgba(58,36,214,.1)}
.ec__hsw .ec__hfill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5);clip-path:inset(0 calc((1 - var(--p)) * (100% - 38px)) 0 0 round 99px);opacity:calc(.12 + var(--p) * .88)}
.ec__hsw .ec__ht,.ec__hsw .ec__ht2{position:absolute;inset:0;display:grid;place-items:center;padding-left:30px;font:500 11.5px var(--display);white-space:nowrap}
.ec__hsw .ec__ht{color:var(--violet);opacity:calc(1 - var(--p) * 1.5)}
.ec__hsw .ec__ht2{color:#fff;opacity:0;padding:0 34px 0 0;transition:opacity .3s}
.ec__hsw .ec__hk{position:absolute;left:4px;top:4px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#3a24d6,#6c5cff);display:grid;place-items:center;box-shadow:0 3px 10px rgba(58,36,214,.3);transform:translateX(calc(var(--p) * (var(--w,250px) - 38px)))}
.ec__hsw .ec__hk svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:fill .3s}
.ec__hsw.is-done .ec__ht2{opacity:1}
.ec__hsw.is-done .ec__hk{background:#fff}
.ec__hsw.is-done .ec__hk svg{stroke:var(--violet);fill:var(--violet)}
.ec__hsw.is-anim .ec__hk,.ec__hsw.is-anim .ec__hfill{transition:transform .4s cubic-bezier(.3,.7,.4,1),clip-path .4s cubic-bezier(.3,.7,.4,1),opacity .4s}
.ec__hsw:not(.is-done) .ec__hk{animation:hsHint 3.2s ease-in-out 1.2s infinite}
@keyframes hsHint{0%,72%,100%{translate:0 0}80%{translate:14px 0}88%{translate:0 0}93%{translate:5px 0}}
@media (prefers-reduced-motion: reduce){.ec__hsw .ec__hk{animation:none!important}}
/* Pantalla de ayuda (se abre al deslizar) */
.phone__screen > .ec__hov{position:absolute;inset:0;z-index:20;background:#1d1f48;color:#fff;padding:58px 16px 18px;display:flex;flex-direction:column;gap:0;font-family:var(--display);overflow:hidden;transform:translateY(100%);transition:transform .55s cubic-bezier(.3,.8,.3,1);border-radius:inherit}
.phone__screen.help-open > .ec__hov{transform:none}
.ec__hovbg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#2e3170;stroke-width:6;stroke-linecap:round;pointer-events:none}
.ec__hov > *:not(.ec__hovbg){position:relative}
.ec__hx{position:absolute!important;top:24px;right:14px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.12);display:grid;place-items:center;cursor:pointer}
.ec__hx svg{width:13px;height:13px;stroke:#fff;stroke-width:2.4;stroke-linecap:round;fill:none}
.ec__hovt{display:block;font:500 20px/1.15 var(--display);letter-spacing:-.01em;margin-right:30px}
.ec__hovs{margin:8px 0 14px;font:400 11px/1.5 var(--display);color:rgba(255,255,255,.82)}
.ec__hopt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.09);margin-bottom:8px}
.ec__hopt b{display:block;font:500 11.5px/1.3 var(--display);color:#fff}
.ec__hopt small{display:block;margin-top:2px;font:400 9.5px/1.4 var(--display);color:rgba(255,255,255,.72)}
.ec__hopt--main{background:#fff;padding:12px}
.ec__hopt--main b{color:#14163a;font-size:12px}
.ec__hopt--main small{color:#4d4f60}
.ec__hi{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center}
.ec__hi svg{width:17px;height:17px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ec__hi--v{background:#3a24d6;width:40px;height:40px}
.ec__hi--v svg{stroke:#fff}
.ec__hi--g{background:#6fd3a8}
.ec__hi--g svg{stroke:#14163a}
.ec__hi--d{background:rgba(255,255,255,.14)}
.ec__hi--d svg{stroke:#fff}
.ec__hovn{margin:6px 2px 0;font:400 10px/1.5 var(--display);color:#f6c9b4}
.ec__hcont{margin-top:auto;height:40px;border-radius:99px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:500 12px var(--display);cursor:pointer}
@media (prefers-reduced-motion: reduce){.phone__screen > .ec__hov{transition:none}}
/* Pantalla de ayuda con estilo NOMI */
.phone__screen > .ec__hov{background-color:#eeeef8;background-image:url(../img/fondo-trama.jpg);background-image:image-set(url(../img/fondo-trama.webp) type("image/webp"),url(../img/fondo-trama.jpg) type("image/jpeg"));background-size:900px auto;background-position:center top;color:var(--graf);padding:76px 16px 18px;text-align:center}
.phone__screen > .ec__hov::before{content:"";position:absolute;left:0;right:0;top:54px;bottom:56px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 34px,#fff calc(100% - 50px),rgba(255,255,255,0) 100%);pointer-events:none}
.ec__hovbg{display:none}
.ec__hx{top:22px;right:14px;background:#fff;box-shadow:0 2px 10px rgba(58,36,214,.12)}
.ec__hx svg{stroke:var(--violet)}
.ec__hovt{font:500 17px/1.25 var(--display);color:#6a5cc4;margin:0 6px;text-wrap:balance}
.ec__hovs{margin:6px 4px 14px;font:400 11px/1.5 var(--body);color:#6b6d80}
.ec__hopt{background:#f4f2fb;text-align:left;border:1.5px solid transparent;margin-bottom:7px;padding:9px 11px}
.ec__hopt b{color:var(--graf);font-size:11.5px}
.ec__hopt small{color:#6b6d80;font-family:var(--body)}
.ec__hopt--main{background:#fff;border-color:#d9d3f6;box-shadow:0 6px 18px rgba(58,36,214,.1)}
.ec__hopt--main b{color:var(--graf)}
.ec__hi--v{background:linear-gradient(135deg,#3a24d6,#6c5cff 55%,#63b9a5)}
.ec__hi--g{background:#9a8bd6}
.ec__hi--g svg{stroke:#fff}
.ec__hi--d{background:#e4dff7}
.ec__hi--d svg{stroke:var(--violet)}
.ec__hovn{margin:8px 6px 0;font:500 10px/1.5 var(--body);color:var(--coral)}
.ec__hcont{border:1.5px solid #e4dff7;border-radius:10px;background:#fff;color:var(--violet);height:40px;box-shadow:0 2px 10px rgba(58,36,214,.06)}
.phone__screen > .ec__brand--fixed{z-index:25}
.phone__screen > .ec__hov::before{display:none}
.ec__hopt{background:rgba(255,255,255,.72);border-color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.ec__hopt--main{background:#fff;border-color:#d9d3f6}
.ec__hovs{color:#4d4f60}
.ec__hopt--main{border-color:transparent}
/* Ayuda: tres tarjetas blancas iguales, íconos en círculos orgánicos */
.ec__hopt,.ec__hopt--main{background:#fff;border:0;box-shadow:0 4px 14px rgba(58,36,214,.08);-webkit-backdrop-filter:none;backdrop-filter:none;height:66px;padding:0 12px;margin-bottom:8px}
.ec__hopt b,.ec__hopt--main b{font:500 11.5px/1.3 var(--display);color:var(--graf)}
.ec__hopt small,.ec__hopt--main small{font-size:9.5px;color:#6b6d80}
.ec__hi,.ec__hi--v,.ec__hi--g,.ec__hi--d{width:42px;height:42px;border-radius:0;background:none}
.ec__hi svg{width:42px;height:42px;overflow:visible}
.ec__hi .b{stroke:none}
.ec__hi .i{fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ec__hi--v .b{fill:var(--violet-soft)}.ec__hi--v .i{stroke:var(--violet)}
.ec__hi--g .b{fill:var(--sage-soft)}.ec__hi--g .i{stroke:#3d9a86}
.ec__hi--d .b{fill:var(--sky-soft)}.ec__hi--d .i{stroke:var(--skyc)}
.ec__hopt,.ec__hopt--main{height:80px}.ec__hopt b,.ec__hopt--main b{font-size:11px}.ec__hopt small,.ec__hopt--main small{font-size:9.3px}
.ec__hovn{margin:6px 0 0;padding:10px 12px;border-radius:14px;background:var(--coral);color:#fff;font:500 10.5px/1.45 var(--body);box-shadow:0 4px 14px rgba(224,102,80,.25)}
.ec__hopt,.ec__hopt--main{height:70px;margin-bottom:7px}.ec__hovn{margin-top:4px}.ec__hcont{margin-top:auto;flex:none}.ec__hovs{margin-bottom:12px}
.phone__screen > .ec__brand--fixed{z-index:5}.phone__screen > .ec__hov{padding-top:62px}
.ec__hcont{display:flex;align-items:center;justify-content:center;gap:8px}.ec__hcont svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* Panel del colegio: dashboard sobre fondo blanco */
.phone__screen:has(.ascreen[data-s="6"][data-on]) > .ec__brand--fixed{opacity:0}
.phone__screen > .ec__brand--fixed{transition:opacity .3s}
.phone .ec--dash{background:#fff!important;background-image:none!important;padding:34px 16px 18px;gap:10px;color:var(--graf)}
.db__top{display:flex;align-items:center;justify-content:space-between}
.db__logo{display:flex;flex-direction:column;gap:2px}
.db__logo svg{height:10px;width:auto;fill:var(--ink)}
.db__logo i{font-style:normal;font:500 4.6px var(--mono);letter-spacing:.32em}
.db__tag{font:500 9px var(--body);color:var(--violet);background:var(--violet-soft);padding:4px 9px;border-radius:99px}
.db__head{display:flex;flex-direction:column;gap:1px;margin-top:4px}
.db__head b{font:500 16px/1.2 var(--display);color:var(--graf)}
.db__head span{font:400 9.5px var(--body);color:#8a8ca0}
.db__kpis{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.db__k{background:#f6f5fc;border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;gap:1px;min-height:56px;justify-content:center}
.db__k b{font:500 19px/1 var(--display);color:var(--graf);letter-spacing:-.01em}
.db__k small{font:400 8.5px/1.3 var(--body);color:#6b6d80}
.db__k--ring{flex-direction:row;align-items:center;gap:8px}
.db__k--ring svg{width:34px;height:34px;flex:none;transform:rotate(-90deg)}
.db__k--ring circle{fill:none;stroke-width:4}
.db__k--ring .tr{stroke:#e4dff7}
.db__k--ring .pr{stroke:var(--violet);stroke-linecap:round;stroke-dasharray:calc(var(--v) * .9425) 94.25}
.db__k--ring span{display:flex;flex-direction:column;gap:1px}
.db__k--ring b{font-size:16px}
.db__k--alert{background:var(--coral-soft)}
.db__k--alert b{color:var(--coral)}
.db__card{border:1px solid #ecebf3;border-radius:14px;padding:10px 11px;display:flex;flex-direction:column;gap:8px}
.db__ct{display:flex;justify-content:space-between;align-items:baseline}
.db__ct span{font:500 10.5px var(--display);color:var(--graf)}
.db__ct small{font:400 8.5px var(--body);color:#8a8ca0}
.db__bar{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden}
.db__bar i{flex:var(--n) 1 0;min-width:5px;background:var(--c)}
.db__leg{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}
.db__leg span{display:flex;align-items:center;gap:5px;font:400 9px var(--body);color:#4d4f60}
.db__leg i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.db__leg b{margin-left:auto;font:500 9.5px var(--body);color:var(--graf)}
.db__alert{display:flex;align-items:center;gap:9px;border-radius:12px;padding:8px 10px;background:#fff;border:1px solid #f3d3cb}
.db__ai{width:26px;height:26px;flex:none;border-radius:8px;background:var(--coral);display:grid;place-items:center}
.db__ai svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.db__alert b{display:block;font:500 10px var(--display);color:var(--coral)}
.db__alert small{display:block;font:400 8.5px var(--body);color:#6b6d80}
.phone .ec--dash .db__btn{margin-top:auto;align-self:stretch}

/* Onda de voz del intro: misma animación suave */
.intro__wave rect{transform-box:fill-box;transform-origin:center;animation:accw 1.8s ease-in-out infinite}
.intro__wave rect:nth-of-type(1){animation-delay:-0.45s}
.intro__wave rect:nth-of-type(2){animation-delay:-0.4s}
.intro__wave rect:nth-of-type(3){animation-delay:-0.09s}
.intro__wave rect:nth-of-type(4){animation-delay:-0.13s}
.intro__wave rect:nth-of-type(5){animation-delay:-0.63s}
.intro__wave rect:nth-of-type(6){animation-delay:-1.01s}
.intro__wave rect:nth-of-type(7){animation-delay:-0.88s}
.intro__wave rect:nth-of-type(8){animation-delay:-0.59s}
.intro__wave rect:nth-of-type(9){animation-delay:-0.72s}
.intro__wave rect:nth-of-type(10){animation-delay:-1.25s}
.intro__wave rect:nth-of-type(11){animation-delay:-1.56s}
.intro__wave rect:nth-of-type(12){animation-delay:-1.36s}
.intro__wave rect:nth-of-type(13){animation-delay:-1.1s}
.intro__wave rect:nth-of-type(14){animation-delay:-1.33s}
.intro__wave rect:nth-of-type(15){animation-delay:-0.06s}
.intro__wave rect:nth-of-type(16){animation-delay:-0.29s}
.intro__wave rect:nth-of-type(17){animation-delay:-0.03s}
.intro__wave rect:nth-of-type(18){animation-delay:-1.63s}
.intro__wave rect:nth-of-type(19){animation-delay:-0.14s}
.intro__wave rect:nth-of-type(20){animation-delay:-0.67s}
.intro__wave rect:nth-of-type(21){animation-delay:-0.8s}
.intro__wave rect:nth-of-type(22){animation-delay:-0.51s}
.intro__wave rect:nth-of-type(23){animation-delay:-0.38s}
.intro__wave rect:nth-of-type(24){animation-delay:-0.77s}
.intro__wave rect:nth-of-type(25){animation-delay:-1.26s}
.intro__wave rect:nth-of-type(26){animation-delay:-1.3s}
.intro__wave rect:nth-of-type(27){animation-delay:-0.99s}
@media (prefers-reduced-motion: reduce){.intro__wave rect{animation:none}}
/* Atributos del estudiante: una sola línea compacta */
.attrs{margin-top:36px}
.attrs__h{margin-bottom:14px}
.attrs .attrs__g{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.attrs .attr{padding:10px 6px;gap:3px;border-radius:14px}
.attrs .attr .ico{width:34px;height:34px;margin-bottom:4px}
.attrs .attr .ico svg{width:34px;height:34px}
.attrs .attr b{font-size:.8rem;line-height:1.2}
.attrs .attr > span:last-child{font-size:.7rem;line-height:1.35;color:var(--ink-60)}
@media (max-width:1000px){.attrs .attrs__g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.attrs .attrs__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Selector estudiante / especialista (misma cápsula que Hablar/Escribir) */
.acc__mode{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(520px,100%);margin:0 auto clamp(28px,4vw,44px);padding:4px;background:#fff;border:1px solid #d9d9e0;border-radius:99px}
.acc__mode button{position:relative;z-index:1;border:0;background:none;cursor:pointer;padding:12px 10px;border-radius:99px;font:500 clamp(.66rem,1vw,.78rem) var(--display);letter-spacing:.1em;text-transform:uppercase;color:#6b6d80;transition:color .35s}
.acc__mode button[aria-selected="true"]{color:#fff}
.acc__mode-k{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:99px;background:linear-gradient(90deg,#3a24d6,#6c5cff 55%,#63b9a5);transition:transform .45s cubic-bezier(.3,.8,.3,1)}
.acc[data-mode="esp"] .acc__mode-k{transform:translateX(100%)}
.acc .stps[hidden]{display:none}
/* Pantallas del especialista: sin ayuda ni logo flotante */
.phone__screen:has(.ascreen[data-s^="e"][data-on]) > .ec__help--fixed,.phone__screen:has(.ascreen[data-s^="e"][data-on]) > .ec__brand--fixed{opacity:0;pointer-events:none}
.db__case{display:flex;align-items:center;gap:9px;border-radius:12px;padding:9px 10px;background:var(--coral-soft)}
.db__case b{display:block;font:500 11px var(--display);color:var(--graf)}
.db__case small{display:block;font:400 8.5px var(--body);color:#6b6d80}
.db__rows{gap:0;padding:2px 11px}
.db__rows div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0eff6}
.db__rows div:last-child{border:0}
.db__rows small{font:400 9px var(--body);color:#8a8ca0}
.db__rows b{font:500 10px var(--body);color:var(--graf)}
.db__rows b.db__due{color:var(--coral)}
.db__chip{font-style:normal;font:500 8.5px var(--body);padding:3px 8px;border-radius:99px}
.db__chip--warn{background:#fdf1d8;color:#a8740b}
.db__note{font:400 8.5px/1.45 var(--body);color:#8a8ca0;text-align:center;margin:0 6px}
.db__tabs{display:flex;gap:5px;flex-wrap:wrap}
.db__tabs span{font:500 8.5px var(--body);padding:4px 9px;border-radius:99px;background:#f6f5fc;color:#6b6d80}
.db__tabs span.on{background:var(--violet);color:#fff}
.db__list{display:flex;flex-direction:column;border:1px solid #ecebf3;border-radius:14px;padding:2px 10px}
.db__li{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f0eff6}
.db__li:last-child{border:0}
.db__li>i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.db__li span{flex:1}
.db__li b{display:block;font:500 10.5px var(--mono);color:var(--graf)}
.db__li small{display:block;font:400 8.5px var(--body);color:#8a8ca0}
.db__li em{font-style:normal;font:500 8.5px var(--body);color:#6b6d80}
.db__tl{list-style:none;margin:4px 0 0;padding:0 0 0 4px;display:flex;flex-direction:column}
.db__tl li{position:relative;padding:0 0 16px 22px}
.db__tl li::before{content:"";position:absolute;left:0;top:2px;width:12px;height:12px;border-radius:50%;border:2px solid #d9d3f6;background:#fff;box-sizing:border-box}
.db__tl li::after{content:"";position:absolute;left:5px;top:16px;bottom:2px;width:2px;background:#ecebf3}
.db__tl li:last-child::after{display:none}
.db__tl li.done::before{background:var(--sage);border-color:var(--sage)}
.db__tl li.now::before{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}
.db__tl b{display:block;font:500 11px var(--display);color:var(--graf)}
.db__tl small{display:block;font:400 9px var(--body);color:#8a8ca0;margin-top:1px}
.acc__mode{margin:0 auto clamp(28px,4vw,40px)}
.acc .acc__mode{margin-bottom:18px}.acc .acc__head{margin-top:0;padding-top:0}
/* Degradado superior más largo y suave */
.phone .ec--consent .ec__band,.phone .ascreen[data-s="3"] .ec::before,.phone .ascreen[data-s="4"] .ec::before{top:calc(var(--fr) - 17px);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.35) 18px,rgba(255,255,255,.7) 38px,rgba(255,255,255,.92) 58px,#fff 78px,#fff calc(100% - var(--fadeb)),rgba(255,255,255,.92) calc(100% - var(--fadeb) * .78),rgba(255,255,255,.7) calc(100% - var(--fadeb) * .55),rgba(255,255,255,.4) calc(100% - var(--fadeb) * .32),rgba(255,255,255,.14) calc(100% - var(--fadeb) * .12),rgba(255,255,255,0) 100%)}
.phone .ec--consent .ec__band{padding-top:17px}
/* Abajo termina en blanco, sin degradado */
.phone .ec--consent .ec__band,.phone .ascreen[data-s="3"] .ec::before,.phone .ascreen[data-s="4"] .ec::before{bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.35) 18px,rgba(255,255,255,.7) 38px,rgba(255,255,255,.92) 58px,#fff 78px,#fff 100%)}
.phone .ec--consent .ec__band{padding-bottom:var(--fr)}
.phone .ec--consent .ec__band,.phone .ascreen[data-s="3"] .ec::before,.phone .ascreen[data-s="4"] .ec::before{top:calc(var(--fr) - 12px)}.phone .ec--consent .ec__band{padding-top:12px}
.phone__screen > .ec__help--fixed{bottom:12px}
/* Modo especialista: texto navegable a la izquierda, visualizaciones a la derecha */
.acc__lede{display:none;max-width:640px;margin:14px auto 0;font:400 clamp(.92rem,1.2vw,1.02rem)/1.6 var(--body);color:var(--ink-60);text-align:center}
.acc[data-mode="esp"] .acc__lede{display:block}
.acc .espviz{display:none}
.acc[data-mode="esp"] .stpphone{display:none}
.acc[data-mode="esp"] .espviz{display:block;position:sticky;top:96px}
.acc[data-mode="esp"] .stpwrap{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.espv{display:none}
.espv.is-on{display:block;animation:espIn .5s ease both}
@keyframes espIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.espv.is-on .hm__c i{animation:pop .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--k) * 35ms)}
.espv.is-on .waf i{animation:pop .4s ease backwards;animation-delay:calc(var(--i) * 5ms)}
.espv.is-on .ups__m i{animation:grow .7s cubic-bezier(.22,1,.36,1) backwards}
.espv.is-on .rst i{animation:grow2 .8s cubic-bezier(.22,1,.36,1) backwards}
.acc .stp__media .espviz{position:static;margin-top:14px}
/* Visual alerta inmediata */
.viz--alert{padding:22px}
.va__h{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px rgba(224,102,80,.12)}
.va__ic{width:38px;height:38px;flex:none;border-radius:11px;background:var(--coral);display:grid;place-items:center}
.va__ic svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.va__h b{display:block;font:500 1rem var(--display);color:var(--coral)}
.va__h small{display:block;font:400 .8rem var(--body);color:var(--ink-60)}
.va__t{margin:16px 2px 12px;font:400 .92rem/1.6 var(--body);color:var(--ink)}
.va__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.va__l li{position:relative;padding:10px 12px 10px 38px;background:#fff;border-radius:12px;font:400 .88rem/1.4 var(--body);color:var(--ink)}
.va__l li::before{content:"";position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--coral-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e06650' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat}
@media (max-width:860px){.acc[data-mode="esp"] .stpwrap{grid-template-columns:minmax(0,1fr)}.acc[data-mode="esp"] .stpwrap > .espviz{display:none}}
.acc[data-mode="esp"] .stpwrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:860px){.acc[data-mode="esp"] .stpwrap{grid-template-columns:minmax(0,1fr)}}
.acc:not([data-mode="esp"]) .stpwrap{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}@media (max-width:860px){.acc:not([data-mode="esp"]) .stpwrap{grid-template-columns:minmax(0,1fr)}}
/* Ningún estudiante queda expuesto: tarjetas tipo etapa */
.pv__head{margin-bottom:clamp(28px,4vw,44px)}
.pv__wave{display:block;width:96px;height:auto;margin:16px auto 0}
.pvg{gap:clamp(12px,1.6vw,22px);margin-bottom:22px}
.pv{background:var(--paper-2);border-radius:26px;padding:28px 22px 32px;align-items:center;text-align:center;gap:0;min-height:300px}
.pv__k{font:500 .64rem var(--body);letter-spacing:.06em;color:var(--violet);text-transform:uppercase}
.pv .ico{width:auto;height:auto;margin:26px 0 18px}
.pv .ico svg{width:40px;height:40px}
.pv .ico .ico__b{display:none}
.pv .ico .ico__g{stroke:var(--violet);stroke-width:1.6}
.pv b{font:300 clamp(1.1rem,1.5vw,1.32rem)/1.25 var(--body);color:var(--ink);text-wrap:balance;min-height:2.5em;display:flex;align-items:center;justify-content:center}
.pv p{margin-top:18px;font:400 .92rem/1.5 var(--body);color:#3d3a8f;text-wrap:balance}
.pv .ico svg{width:78px;height:78px}.pv .ico{margin:8px 0 6px}.pv .ico .ico__g{stroke-width:1.5}.priv{display:flex;justify-content:center}.priv__lead{text-align:center}
.priv{margin-inline:auto}
.pv__k{line-height:1.5;text-align:center}
.pv .ico svg{width:117px;height:117px}.pv .ico .ico__g{stroke-width:.7}.pv .ico{margin:-6px 0 -12px}
.pv p{font-size:.74rem;line-height:1.38}
.pv{padding-top:40px}
#como .sec-head h2{max-width:none}@media (min-width:861px){#como .sec-head h2{white-space:nowrap}}
#como .pillar{background:none;box-shadow:none;border:0;align-items:center;text-align:center;padding:8px 12px}#como .pillar .ico{margin-inline:auto}#como .pillar p{text-wrap:balance}
#como .sec-head{max-width:none}
/* Tres tarjetas de igual ancho y formato */
.roles.roles--hier{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.roles--hier .role{box-shadow:none;opacity:1;padding:28px 26px}
.roles--hier .role h3,.roles--hier .role--main h3{font-size:1.25rem}
.roles--hier .role p{min-height:6.2em}
@media (max-width:860px){.roles.roles--hier{grid-template-columns:1fr}.roles--hier .role p{min-height:0}}
.roles--hier .role p{min-height:7.7em}@media (max-width:860px){.roles--hier .role p{min-height:0}}
.cfgbox p + p{margin-top:12px}
.cfgbox > div:last-child{flex:1;min-width:0}.cfgbox p{max-width:none}
.roles--hier .role__badge{left:50%;transform:translateX(-50%)}.roles--hier .role > .ico{align-self:center}.roles--hier .role__q{text-align:center}
/* Tarjetas en gradiente violeta grisáceo */
.roles--hier .role--e{background:#e9e6fa}
.roles--hier .role--a{background:#eeecf6}
.roles--hier .role--d{background:#f2f1f6}
.roles--hier .role--a .role__q{color:#6a5cc4}
.roles--hier .role--d .role__q{color:#7c789c}
.roles--hier .role--a .ico{--c:#6a5cc4!important}
.roles--hier .role--d .ico{--c:#7c789c!important}
.roles--hier .role--a .ico__g{stroke:#6a5cc4}
.roles--hier .role--d .ico__g{stroke:#7c789c}
.roles--hier .role--e{background:linear-gradient(165deg,#e3dffb 0%,#eeecfb 100%)}.roles--hier .role--a{background:linear-gradient(165deg,#e9e6f6 0%,#f2f0f9 100%)}.roles--hier .role--d{background:linear-gradient(165deg,#edecf4 0%,#f6f5f9 100%)}
/* Estudiantes al centro y más grande */
.roles.roles--hier{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr);align-items:center}
.roles--hier .role--a{order:1}
.roles--hier .role--e{order:2;padding:40px 30px;align-self:stretch;margin:-14px 0;box-shadow:0 24px 50px -32px rgba(58,36,214,.4)}
.roles--hier .role--d{order:3}
.roles--hier .role--a,.roles--hier .role--d{align-self:stretch}
.roles--hier .role--e h3{font-size:1.45rem}
@media (max-width:860px){.roles.roles--hier{grid-template-columns:1fr}.roles--hier .role--e{order:0;margin:0}}
#lectura360 .cfgbox{margin-top:36px}
.roles.roles--hier{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:22px;margin-top:40px}
.roles--hier .role--e{margin:-36px 0;padding:56px 32px;box-shadow:0 30px 60px -22px rgba(42,30,140,.35),0 12px 24px -12px rgba(42,30,140,.18);position:relative;z-index:2}
#lectura360 .cfgbox{margin-top:60px}
@media (max-width:860px){.roles--hier .role--e{margin:0;padding:32px 26px}#lectura360 .cfgbox{margin-top:24px}.roles.roles--hier{margin-top:0}}
@media (min-width:861px){.roles.roles--hier{margin-top:64px}}
.roles.roles--hier{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr) minmax(0,1fr)}.roles--hier .role--e{margin:-17px 0;padding:44px 28px}#lectura360 .cfgbox{margin-top:42px}@media (min-width:861px){.roles.roles--hier{margin-top:52px}}@media (max-width:860px){.roles--hier .role--e{margin:0;padding:32px 26px}#lectura360 .cfgbox{margin-top:24px}}
.roles--hier .role__badge--opt{background:var(--violet);color:#fff;box-shadow:none}
.roles--hier .role li::before{background:var(--violet);opacity:.75}
.roles--hier .role--a,.roles--hier .role--d{background:linear-gradient(165deg,#ebe9f5 0%,#f4f3f9 100%)}.roles--hier .role--d .role__q{color:#6a5cc4}.roles--hier .role--d .ico__g{stroke:#6a5cc4}
.roles--hier .role p{color:#3a3c4c}
.roles--hier .role h3{text-align:center}
#lectura360 .cfgbox{margin-top:44px}@media (max-width:860px){#lectura360 .cfgbox{margin-top:24px}}
/* cfgbox: pill + círculo */
#lectura360 .cfgbox{flex-direction:row;align-items:center;gap:0;background:transparent;box-shadow:none;padding:0;border-radius:0;margin-top:56px;position:relative}
#lectura360 .cfgbox__i{width:168px;height:168px;border-radius:50%;background:#e4e2f7;position:relative;z-index:1;flex:none}
#lectura360 .cfgbox__i svg{width:58px;height:58px;stroke-width:1.5}
#lectura360 .cfgbox > div:last-child{background:#eceaf9;border-radius:999px;padding:34px 64px 34px 64px;margin-left:-24px;min-height:150px;display:flex;flex-direction:column;justify-content:center}
#lectura360 .cfgbox b{font-size:1.22rem;color:var(--ink);margin-bottom:10px}
#lectura360 .cfgbox p{font-size:.9rem}
@media (max-width:760px){
#lectura360 .cfgbox{flex-direction:column}
#lectura360 .cfgbox__i{width:112px;height:112px;margin-bottom:-36px}
#lectura360 .cfgbox__i svg{width:42px;height:42px}
#lectura360 .cfgbox > div:last-child{margin-left:0;border-radius:28px;padding:52px 24px 26px;text-align:center}
}
#lectura360 .roles--hier .role__badge,#lectura360 .roles--hier .role__badge--opt{background:var(--violet);color:#fff;box-shadow:none}
.pv__head{max-width:none}.pv__head h2{white-space:nowrap}@media (max-width:640px){.pv__head h2{white-space:normal}}
#lectura360 .roles--hier{margin-top:84px}@media (max-width:860px){#lectura360 .roles--hier{margin-top:56px}}
#lectura360 .roles--hier .role p{text-align:center}
#lectura360 .roles--hier .role p{color:#1f2030}
#lectura360 .cfgbox > div:last-child{text-align:center;align-items:center}
#lectura360 .cfgbox__i{background:#eceaf9}
#lectura360 .cfgbox > div:last-child{text-align:left;align-items:flex-start}
#lectura360 .cfgbox__i .cfg__tr{opacity:.32}
#lectura360 .cfgbox__i .cfg__k{stroke-width:2.2;transform-box:view-box}
@keyframes cfgk1{0%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-2px)}80%{transform:translateY(2px)}}
@keyframes cfgk2{0%,100%{transform:translateY(0)}25%{transform:translateY(7px)}55%{transform:translateY(3px)}80%{transform:translateY(9px)}}
@keyframes cfgk3{0%,100%{transform:translateY(0)}35%{transform:translateY(-8px)}65%{transform:translateY(-4px)}85%{transform:translateY(-6px)}}
#lectura360 .cfgbox__i .cfg__k1{animation:cfgk1 9s ease-in-out infinite}
#lectura360 .cfgbox__i .cfg__k2{animation:cfgk2 11s ease-in-out infinite}
#lectura360 .cfgbox__i .cfg__k3{animation:cfgk3 10s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){#lectura360 .cfgbox__i .cfg__k{animation:none}}
@media (min-width:761px){
#lectura360 .cfgbox__i{width:124px;height:124px}
#lectura360 .cfgbox__i svg{width:46px;height:46px}
#lectura360 .cfgbox > div:last-child{min-height:0;padding:22px 64px 22px 56px;margin-left:-20px}
#lectura360 .cfgbox b{font-size:1.08rem;margin-bottom:6px}
#lectura360 .cfgbox p{font-size:.86rem;line-height:1.5}
#lectura360 .cfgbox p + p{margin-top:6px}
}
#lectura360 .cfgbox p + p{margin-top:0}
#como .ico__b{fill:#fff}
#main h2{font-family:var(--display)!important;font-weight:400!important;font-size:32px!important;line-height:1.15!important}@media (max-width:760px){#main h2{font-size:21.6px!important}}
#lectura360 .sec-head{max-width:none}@media (min-width:861px){#lectura360 .l360__t{white-space:nowrap}}#lectura360 .sec-head > p:not(.eyebrow){max-width:62ch;margin-left:auto;margin-right:auto}
@media (min-width:861px){#lectura360 .sec-head > p:not(.eyebrow){max-width:none;white-space:nowrap}}@media (max-width:860px){#lectura360 .l360__br{display:none}}
#lectura360 .cross{background:transparent;color:var(--ink);padding:0;border-radius:0;margin-top:72px;text-align:center}
#lectura360 .cross h3{color:var(--ink);font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1.15;margin-bottom:10px}
#lectura360 .cross>p{color:var(--ink-60);max-width:64ch;margin:0 auto;font-size:.95rem;line-height:1.6}
#lectura360 .cross__g{gap:18px;margin-top:30px}
#lectura360 .cross__c{background:linear-gradient(165deg,#ebe9f5 0%,#f4f3f9 100%);box-shadow:none;border-radius:20px;padding:26px 24px;text-align:center}
#lectura360 .cross__c b{color:var(--violet);margin-bottom:10px}
#lectura360 .cross__c span{color:#3a3c4c;font-size:.88rem;line-height:1.55}
@media (max-width:860px){#lectura360 .cross__g{grid-template-columns:1fr}#lectura360 .cross{margin-top:52px}}
.phone .ascreen[data-s="3"] .ec__seg{margin-bottom:0}.phone .ascreen[data-s="3"] .ec__prog{margin-top:auto}.phone .ascreen[data-s="3"] .ec__nav{margin-top:auto}
@media (min-width:861px){.phone .ascreen[data-s="1"] .ec--route > svg{margin-top:auto}.phone .ascreen[data-s="1"] .ec__btn--foot{margin-top:auto;margin-bottom:26px}}
.phone .ascreen[data-s="4"] .ec__seg{margin-bottom:0}.phone .ascreen[data-s="4"] .ec__p--hint{margin-top:auto}.phone .ascreen[data-s="4"] .ec__nav{margin-top:auto}
#lectura360 .cross{margin-top:199px}@media (max-width:860px){#lectura360 .cross{margin-top:119px}}
#lectura360 .cross__p{margin-top:36px;text-align:center}
#lectura360 .cross__p .pillar{background:none;box-shadow:none;border:0;text-align:center;padding:8px 12px}
#lectura360 .cross__p .pillar .ico{margin-inline:auto}
#lectura360 .cross__p .pillar h4{font-family:var(--display);font-size:20.48px;font-weight:300;line-height:1.08;color:var(--ink);margin:0 0 10px}
#lectura360 .cross__p .pillar p{font-size:15.36px;line-height:1.6;color:var(--ink-60);margin:0;text-wrap:balance}
/* cmp: comparativo horas */
.cmp{background:#fff;border-radius:26px;box-shadow:0 1px 0 rgba(42,30,140,.04),0 24px 60px -36px rgba(42,30,140,.28),inset 0 0 0 1px #ebe9f5;overflow:hidden}
.cmp__grid{padding:34px 40px 10px}
.cmp__row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:20px 0;border-top:1px solid #efedf6}
.cmp__row--head{border-top:0;padding:0 0 14px}
.cmp__k{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px;color:var(--ink-60)}
.cmp__k i{width:8px;height:8px;border-radius:50%;background:#bdb8d6}
.cmp__k--b{color:var(--violet)}.cmp__k--b i{background:linear-gradient(135deg,#5a6cf0,#8f7dff)}
.cmp__lbl b{display:block;font-family:var(--display);font-weight:400;font-size:1.02rem;color:var(--ink)}
.cmp__lbl span{display:block;font-size:.8rem;color:var(--ink-60);margin-top:2px}
.cmp__cell{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px}
.cmp__cell small{grid-column:1/-1;font-size:.74rem;color:var(--ink-60);margin-top:6px}
.cmp__bar{height:10px;border-radius:99px;background:#f3f2f9;position:relative;overflow:hidden}
.cmp__bar i{position:absolute;inset:0 auto 0 0;width:var(--w);min-width:10px;border-radius:99px;background:#c9c5de;transform-origin:left;animation:cmpgrow 1.6s cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 10% cover 40%}
.cmp__cell--b .cmp__bar i{background:linear-gradient(90deg,#5a6cf0,#8f7dff 60%,#63b9a5)}
.cmp__cell em{font-style:normal;font-family:var(--display);font-weight:300;font-size:1.35rem;color:var(--ink);min-width:3.2em;text-align:right}
.cmp__cell--b em{color:var(--violet)}
@keyframes cmpgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cmp__row--tot{padding:24px 0 26px}
.cmp__tot{font-family:var(--display);font-weight:300;font-size:2.4rem;line-height:1;text-align:right;color:var(--ink)}
.cmp__tot--b{color:var(--violet)}
.cmp__foot{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:40px;align-items:center;background:linear-gradient(120deg,#efedfc,#f5f4fb);padding:30px 40px}
.cmp__big b{display:block;font-family:var(--display);font-weight:300;font-size:3.6rem;line-height:1;background:linear-gradient(90deg,#3a24d6,#8f7dff 70%,#63b9a5);-webkit-background-clip:text;background-clip:text;color:transparent}
.cmp__big span{display:block;font-size:.84rem;color:var(--ink-60);margin-top:8px;line-height:1.45}
.cmp__notes p{font-size:.86rem;line-height:1.6;color:#3a3c4c;margin:0}
.cmp__notes p + p{margin-top:8px;color:var(--ink-60)}
@media (prefers-reduced-motion:reduce){.cmp__bar i{animation:none}}
@media (max-width:760px){
.cmp__grid{padding:24px 20px 6px}
.cmp__row{grid-template-columns:1fr 1fr;gap:12px 18px}
.cmp__row > :first-child{grid-column:1/-1}
.cmp__row--head > :first-child{display:none}
.cmp__cell{grid-template-columns:1fr}
.cmp__cell em{text-align:left;font-size:1.15rem;margin-top:6px}
.cmp__tot{text-align:left;font-size:1.9rem}
.cmp__foot{grid-template-columns:1fr;gap:16px;padding:24px 20px}
.cmp__big b{font-size:2.8rem}
}
.cmp__row:not(.cmp__row--head){align-items:start}.cmp__row:not(.cmp__row--head):not(.cmp__row--tot) .cmp__cell{padding-top:4px}.cmp__row--tot{align-items:center!important}
/* roles con ilustración */
#lectura360 .roles--hier{align-items:center;margin-top:96px}
#lectura360 .roles--hier .role--ill{padding:0;background:#fff;border-radius:18px;margin:0;display:flex;flex-direction:column;text-align:center;box-shadow:0 22px 48px -30px rgba(42,30,140,.32);align-self:center;overflow:visible}
#lectura360 .roles--hier .role--ill.role--main{box-shadow:0 32px 64px -26px rgba(42,30,140,.42);padding:0}
#lectura360 .role__ill{position:relative;aspect-ratio:1.54/1;clip-path:inset(-90px 0 0 0)}
#lectura360 .role__ill img{display:block;width:100%;height:auto;max-width:none}
#lectura360 .role__body{position:relative;padding:30px 24px 26px}
#lectura360 .roles--hier .role--ill .role__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;margin:0}
#lectura360 .roles--hier .role--ill h3{font-family:var(--display);font-weight:500;font-size:1.46rem;line-height:1.2;color:#2a1aa8;margin:0 0 8px;text-align:center}
#lectura360 .roles--hier .role--ill p{margin:0 0 16px;line-height:1.55;font-size:.94rem;color:#1f2030;text-align:center}
#lectura360 .roles--hier .role--ill ul{text-align:left;margin:0;padding-top:16px;border-top:1px solid #ebe9f5}
@media (min-width:861px){#lectura360 .roles--hier .role--ill:not(.role--main){min-height:0}}
@media (max-width:860px){#lectura360 .roles--hier{margin-top:80px;gap:72px}}
#lectura360 .roles--hier .role--ill{gap:0}#lectura360 .roles--hier .role--ill p{min-height:0}#lectura360 .role__ill{min-height:0;overflow:visible}
@media (min-width:861px){#lectura360 .roles--hier .role--ill.role--opt{min-height:570px}#lectura360 .roles--hier .role--ill .role__body{flex:1}}
@media (min-width:861px){#lectura360 .roles--hier .role--ill.role--main{min-height:652px}}
@media (max-width:860px){#lectura360 .roles--hier{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}#lectura360 .roles--hier .role--ill{width:100%}}
@media (min-width:861px){#lectura360 .roles--hier .role--ill.role--main{min-height:0}#lectura360 .roles--hier .role--main .role__body{padding:36px 26px 46px}}
/* costo acotado */
#costo .sec-head{margin-bottom:28px}
#costo .cmp__grid{padding:22px 32px 4px}
#costo .cmp__row{padding:12px 0;gap:28px}
#costo .cmp__row--head{padding:0 0 10px}
#costo .cmp__row--tot{padding:16px 0 18px}
#costo .cmp__tot{font-size:2rem}
#costo .cmp__cell small{margin-top:3px}
#costo .cmp__foot{padding:20px 32px;gap:32px}
#costo .cmp__big b{font-size:2.8rem}
#costo .cmp__notes{display:flex;align-items:center;gap:24px}
#costo .cmp__notes p{flex:1;min-width:0}
#costo .cmp__cta{flex:none;white-space:nowrap}
#costo .cost-strip--ev{margin-top:16px;padding:18px 26px}
#costo .cost-fn{margin-top:14px}
@media (max-width:760px){#costo .cmp__notes{flex-direction:column;align-items:flex-start;gap:14px}#costo .cmp__grid{padding:18px 18px 4px}#costo .cmp__foot{padding:20px 18px}}
/* ctb: tabla comparativa */
.ctb{background:#fff;border-radius:24px;box-shadow:0 1px 0 rgba(42,30,140,.04),0 26px 60px -38px rgba(42,30,140,.3),inset 0 0 0 1px #edebf6;padding:26px 30px 0;overflow:hidden}
.ctb__t{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);column-gap:14px}
.ctb__t > *{padding:16px 0;border-top:1px solid #efedf6;display:flex;flex-direction:column;justify-content:center}
.ctb__h{border-top:0!important;padding:0 0 14px!important;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60)}
.ctb__h--a,.ctb__h--b{align-items:center;text-align:center}
.ctb__h--b{flex-direction:row!important;justify-content:center!important;gap:8px;color:var(--violet);background:#f1effd;border-radius:16px 16px 0 0;padding-top:16px!important;margin-top:-16px}
.ctb__h--b i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#5a6cf0,#8f7dff)}
.ctb__lbl b{font-family:var(--display);font-weight:400;font-size:1rem;color:var(--ink)}
.ctb__lbl span{font-size:.78rem;color:var(--ink-60);margin-top:2px}
.ctb__v{align-items:center;text-align:center;font-variant-numeric:tabular-nums}
.ctb__v b{font-family:var(--display);font-weight:300;font-size:1.6rem;line-height:1;color:var(--ink)}
.ctb__v span{font-size:.72rem;color:var(--ink-60);margin-top:6px;line-height:1.3}
.ctb__v--a b{color:#5c5a72}
.ctb__v--b{background:#f1effd;border-top-color:#e4e0fb!important}
.ctb__v--b b{color:var(--violet);font-weight:400}
.ctb__lbl--tot,.ctb__v--tot{border-top:1.5px solid #dedaf3!important;padding:20px 0 22px!important}
.ctb__lbl--tot b{font-weight:500}
.ctb__v--tot b{font-size:2.3rem}
.ctb__v--a.ctb__v--tot b{color:var(--ink)}
.ctb__v--b.ctb__v--tot{border-radius:0 0 16px 16px;margin-bottom:22px}
.ctb__v--b.ctb__v--tot b{font-weight:500}
.ctb__foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;margin:0 -30px;padding:20px 30px;background:linear-gradient(120deg,#efedfc,#f6f5fc);border-top:1px solid #ebe8f8}
.ctb__big b{display:block;font-family:var(--display);font-weight:300;font-size:2.4rem;line-height:1;background:linear-gradient(90deg,#3a24d6,#8f7dff 70%,#63b9a5);-webkit-background-clip:text;background-clip:text;color:transparent}
.ctb__big span{display:block;font-size:.76rem;color:var(--ink-60);margin-top:6px;max-width:17ch;line-height:1.35}
.ctb__foot p{margin:0;font-size:.86rem;line-height:1.55;color:#3a3c4c}
.ctb__cta{white-space:nowrap}
@media (max-width:760px){
.ctb{padding:20px 16px 0}
.ctb__t{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);column-gap:6px}
.ctb__v b{font-size:1.25rem}.ctb__v--tot b{font-size:1.6rem}
.ctb__lbl b{font-size:.88rem}.ctb__lbl span{display:none}
.ctb__v span{font-size:.66rem;padding:0 4px}
.ctb__foot{grid-template-columns:1fr;gap:12px;margin:0 -16px;padding:20px 16px}
.ctb__big span{max-width:none}
}
.ctb__t{column-gap:0}.ctb__t > *{padding-left:14px;padding-right:14px}.ctb__lbl,.ctb__h--l{padding-left:0!important}.ctb__h{padding-left:14px!important;padding-right:14px!important}.ctb__h--l{padding-left:0!important}.ctb__big span{max-width:24ch}@media (max-width:760px){.ctb__t > *{padding-left:6px;padding-right:6px}}
/* screening con ilustración de fondo */
#screening{background:#cfd5fc url("../img/fondo-screening.webp") 50% 100%/cover no-repeat;min-height:clamp(560px,44vw,700px);padding:clamp(64px,6vw,96px) 0;display:flex;align-items:flex-start}
#screening .intro__g{grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1fr);max-width:1240px;width:100%;gap:28px;align-items:start}
#screening .intro__l{grid-column:1}
#screening .intro__art{display:none}
#screening .intro__r{grid-column:3}
#screening .intro__r p{color:#3a3c55}
#screening .intro__r .intro__lead{color:var(--violet)}
#screening .intro__tags li{background:#fff}
@media (max-width:900px){
#screening{background:#cfd5fc;min-height:0;padding:56px 0 48px;display:block}
#screening .intro__g{grid-template-columns:minmax(0,1fr);gap:0}
#screening .intro__l,#screening .intro__r{grid-column:1}
#screening .intro__art{display:block;margin:24px -20px;aspect-ratio:1.25/1;max-width:none;background:url("../img/fondo-screening-m.webp") 54% 100%/cover no-repeat}
}
@media (min-width:901px){#screening{min-height:clamp(400px,30vw,500px);padding:40px 0;align-items:center;background-position:50% 22%}#screening .intro__g{align-items:center}}
@media (min-width:901px){#screening .intro__r{justify-self:end;max-width:350px}}
#screening .intro__tags{flex-wrap:nowrap;gap:6px}#screening .intro__tags li{white-space:nowrap;padding:7px 10px}@media (max-width:400px){#screening .intro__tags li{font-size:.56rem;letter-spacing:.1em;padding:6px 8px}}
#screening .intro__r p:not(.intro__lead){color:var(--ink);font-weight:600}
/* screening: ilustración animada */
#screening{position:relative;overflow:hidden;background-image:none}
#screening > .wrap{position:relative;z-index:1}
.scr__bg{position:absolute;inset:0;pointer-events:none}
.scr__art{position:absolute;left:50%;width:max(100vw,1098px);aspect-ratio:2078/757;top:calc((clamp(400px,30vw,500px) - max(100vw,1098px)/2.745)*.22);transform:translateX(-50%);animation:scrdrift 16s ease-in-out infinite alternate;transform-origin:52% 55%}
.scr__art img{display:block;width:100%;height:100%;max-width:none}
@keyframes scrdrift{from{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.025)}}
.scr__sun{position:absolute;top:20%;bottom:0;width:26%;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 70%);mix-blend-mode:soft-light;opacity:0;animation:scrsun 9s ease-in-out infinite}
.scr__sun--l{left:0}.scr__sun--r{right:0;transform:scaleX(-1);animation-delay:-4.5s}
@keyframes scrsun{0%,100%{opacity:.15}50%{opacity:.9}}
.scr__glow{position:absolute;left:51.2%;top:47%;width:3.6%;aspect-ratio:1/1.3;border-radius:40%;background:radial-gradient(closest-side,rgba(205,255,232,.75),rgba(205,255,232,0));filter:blur(4px);animation:scrglow 3s ease-in-out infinite}
@keyframes scrglow{0%,100%{opacity:.25}50%{opacity:.7}}
.scr__tap{position:absolute;width:.9%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.95);opacity:0;animation:scrtap 6s ease-out infinite}
.scr__tap--1{left:52.2%;top:52%}
.scr__tap--2{left:53.1%;top:56%;animation-delay:2s}
.scr__tap--3{left:52.5%;top:59%;animation-delay:4s}
@keyframes scrtap{0%{opacity:0;transform:scale(.4)}4%{opacity:.95}18%{opacity:0;transform:scale(2.4)}100%{opacity:0;transform:scale(2.4)}}
.scr__steam{position:absolute;left:33.6%;top:70%;width:2.4%;height:9%}
.scr__steam i{position:absolute;bottom:0;width:30%;height:100%;border-radius:50%;border-left:2px solid rgba(255,255,255,.7);opacity:0;animation:scrsteam 5s ease-in-out infinite}
.scr__steam i:nth-child(1){left:20%}
.scr__steam i:nth-child(2){left:55%;animation-delay:-2.5s}
@keyframes scrsteam{0%{opacity:0;transform:translateY(20%) scaleY(.6)}35%{opacity:.7}100%{opacity:0;transform:translateY(-35%) scaleY(1.1) skewX(-12deg)}}
@media (min-width:901px){#screening{height:clamp(400px,30vw,500px);min-height:0}}
@media (max-width:900px){.scr__bg{display:none}#screening .intro__art{background-image:url("../img/fondo-screening-v2-m.webp")}}
@media (prefers-reduced-motion:reduce){.scr__art,.scr__sun,.scr__glow,.scr__tap,.scr__steam i{animation:none}}
.scr__tap{width:.7%;border-width:1.2px}
.scr__mouth{position:absolute;left:50.34%;top:44.78%;width:1.06%;height:auto;overflow:visible}
.scr__mouth path,.scr__mouth .m-open > path{fill:#24164f}
.scr__mouth .m-open{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(.1);animation:scrtalk 6s linear infinite}
@keyframes scrtalk{
0%,10%{transform:scaleY(.1)}
13%{transform:scaleY(.85)}16%{transform:scaleY(.35)}19%{transform:scaleY(1)}22%{transform:scaleY(.25)}
25%{transform:scaleY(.7)}28%{transform:scaleY(.15)}31%{transform:scaleY(.9)}34%{transform:scaleY(.4)}
37%{transform:scaleY(.8)}40%{transform:scaleY(.2)}43%{transform:scaleY(.95)}46%{transform:scaleY(.3)}
49%{transform:scaleY(.75)}52%{transform:scaleY(.1)}55%{transform:scaleY(.6)}58%{transform:scaleY(.2)}
61%{transform:scaleY(.85)}64%,100%{transform:scaleY(.1)}}
@media (prefers-reduced-motion:reduce){.scr__mouth .m-open{animation:none}}
.ctb__h{color:var(--violet);font-weight:600}
/* variante jóvenes */
#screening.scr--jov{background-color:#c8cffb}
.scr--jov .scr__art{width:min(76vw,1180px);top:auto;bottom:0;transform:translateX(-50%);animation-name:scrdriftb;transform-origin:50% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask-composite:intersect}
@keyframes scrdriftb{from{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.03)}}
.scr--jov .scr__bg{background:radial-gradient(120% 90% at 50% 100%,#d3d8fc 0,#c8cffb 60%)}
@media (min-width:901px){
.scr--jov .intro__g{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);max-width:1280px}
.scr--jov .intro__r{max-width:340px}
}
@media (max-width:900px){.scr--jov .intro__art{background-image:url("../img/fondo-screening-jovenes-m.webp");background-position:50% 100%;background-size:150% auto;background-color:#c8cffb}}
@media (max-width:900px){#screening.scr--jov .intro__art{background-image:url("../img/fondo-screening-jovenes-m.webp");background-position:50% 100%;background-size:165% auto;background-color:#c8cffb}}
@media (max-width:900px){#screening.scr--jov .intro__art{aspect-ratio:1.6/1}}
.ctb__lbl span{color:var(--violet)}
/* slot 2 animado (video) */
#screening.scr--vid{background-color:#d0d5fb}
.scr__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block}
@media (max-width:900px){#screening.scr--vid .intro__art{background:#d0d5fb url("../img/screening-anim-poster.webp") 55% 70%/cover no-repeat;aspect-ratio:1.5/1}}
@media (prefers-reduced-motion:reduce){.scr__vid{display:none}#screening.scr--vid .scr__bg{background:url("../img/screening-anim-poster.webp") 50% 52%/cover no-repeat}}
@media (min-width:901px){
.scr__vid{inset:auto;left:50%;bottom:0;height:118%;width:auto;aspect-ratio:16/9;transform:translateX(-50%);object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
}
#screening.scr--vid{background-color:#d1d7f8}
@media (min-width:901px) and (max-width:1200px){.scr__vid{height:96%}}
/* rutas: banner con ilustración */
.nflow .flow__rhead#rutas{max-width:none;position:relative;border-radius:28px;overflow:hidden;padding:52px clamp(20px,5vw,72px) 25%;background:linear-gradient(180deg,#c9d0fb 0,#c9d0fb 22%,rgba(201,208,251,0) 46%),url("../img/fondo-screening-jovenes.webp") 50% 100%/100% auto no-repeat,#c9d0fb}
.nflow .flow__rhead#rutas > *{position:relative;max-width:760px;margin-left:auto;margin-right:auto}
.nflow .flow__rhead#rutas p:not(.eyebrow){color:#2c2e45}
.nflow .flow__rhead#rutas .flow__rnote{color:#3a3c55}
@media (max-width:760px){.nflow .flow__rhead#rutas{padding:36px 18px 52%;background-size:auto,170% auto,auto;border-radius:22px}.nflow .flow__rhead#rutas h3{white-space:normal}}
/* rutas: banner a todo el ancho */
.nflow .flow__rhead#rutas{background:none;border-radius:0;overflow:visible;padding:0;max-width:760px}
.nflow .flow__rhead#rutas > p{margin-top:22px}
.nflow .flow__rhead#rutas > p + p{margin-top:12px}
.rutas__banner{position:relative;width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;height:clamp(240px,23vw,340px);background:linear-gradient(0deg,rgba(28,20,92,.62) 0,rgba(28,20,92,.28) 30%,rgba(28,20,92,0) 55%),url("../img/fondo-screening-jovenes.webp") 50% 88%/cover no-repeat,#c9d0fb;display:flex;align-items:flex-end;justify-content:center;padding:0 20px clamp(22px,3vw,40px)}
.rutas__ttl{text-align:center}
.rutas__ttl .eyebrow{color:#fff;opacity:.9;margin:0}
.nflow .flow__rhead#rutas .rutas__ttl h3{color:#fff;margin:6px 0 0;text-shadow:0 2px 18px rgba(20,14,70,.45)}
@media (max-width:760px){.rutas__banner{height:220px;background-size:auto,auto 120%,auto;background-position:0 0,50% 100%,0 0}}
@media (min-width:761px){.rutas__banner{background-position:0 0,50% 66%,0 0}}
@media (min-width:761px){#lectura360 .cfgbox{align-items:stretch}#lectura360 .cfgbox__i{width:auto;height:auto;align-self:stretch;aspect-ratio:1/1}}
@media (min-width:761px){#lectura360 .cfgbox{align-items:center}#lectura360 .cfgbox__i{aspect-ratio:auto;align-self:center;flex:none}}
.ctb__foot{grid-template-columns:auto minmax(0,1fr)}
/* rutas: cabezas fuera del banner + movimiento suave */
.rutas__banner{--iw:100vw;background:#c9d0fb!important;height:calc(var(--iw) * .195)!important;overflow:visible;padding-bottom:clamp(18px,2.6vw,36px)!important;margin-top:calc(var(--iw) * .03)}
.rutas__banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,20,92,.6) 0,rgba(28,20,92,.25) 32%,rgba(28,20,92,0) 58%);pointer-events:none;z-index:1}
.rutas__img{position:absolute;left:calc(50% - var(--iw) / 2);top:calc(var(--iw) / -2.739 * .3404);width:var(--iw);height:auto;max-width:none;display:block;transform-origin:50% 100%;animation:rutasbreath 7s ease-in-out infinite;clip-path:inset(-200px 0 calc(var(--iw) / 2.739 * .126) 0)}
@keyframes rutasbreath{0%,100%{transform:translateY(0) scale(1) rotate(0)}30%{transform:translateY(-.25%) scale(1.004) rotate(-.15deg)}65%{transform:translateY(.1%) scale(1.002) rotate(.12deg)}}
.rutas__ttl{position:relative;z-index:2}
@media (max-width:760px){.rutas__banner{--iw:190vw;background:#c9d0fb!important}}
@media (prefers-reduced-motion:reduce){.rutas__img{animation:none}}
.rutas__img{clip-path:inset(-200px 0 calc(var(--iw) / 2.739 * .122) 0)}.rutas__banner{overflow:clip;overflow-clip-margin:0}.rutas__banner{overflow:visible}
.rutas__banner{padding-bottom:22px!important}
#como{background:#f7f7fb}
@media (min-width:761px){#costo .cost-strip--ev{padding:14px 30px;gap:22px;align-content:center;box-sizing:border-box}#costo .cost-strip--ev p{max-width:none;font-size:.9rem;line-height:1.5}#costo .cost-strip--ev .ev__t{font-size:1.12rem;margin-bottom:3px}#costo .cost-strip--ev .ico{width:46px;height:46px}}
@media (min-width:761px){#costo .cost-strip--ev{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 92px}#costo .cost-strip--ev > .ico{position:absolute;left:28px;top:50%;transform:translateY(-50%)}#costo .cost-strip--ev > div{text-align:center;width:100%}#costo .cost-strip--ev p{max-width:none}}
/* slot niña animada: cabeza, toque y boca */
.nina__headwrap{position:absolute;left:46.198%;top:26.42%;width:9.143%;aspect-ratio:190/200;transform-origin:47.4% 86%;animation:ninahead 6s ease-in-out infinite;will-change:transform}
.nina__head{display:block;width:100%;height:100%;transform:scale(1.025);transform-origin:47.4% 86%}
.nina__headwrap .nina__mouth{left:45.3%;top:69.5%;width:11.6%}
@keyframes ninahead{0%{transform:rotate(0) translateY(0)}12%{transform:rotate(-2.2deg) translateY(.6%)}30%{transform:rotate(-.6deg) translateY(.2%)}45%{transform:rotate(1.4deg) translateY(0)}62%{transform:rotate(-.8deg) translateY(.4%)}78%{transform:rotate(1.8deg) translateY(-.3%)}100%{transform:rotate(0) translateY(0)}}
.nina__hand{position:absolute;left:48.364%;top:50.859%;width:4.09%;height:auto;max-width:none;transform:scale(1.03);transform-origin:30% 80%;animation:ninatap 6s ease-in-out infinite}
@keyframes ninatap{0%,3%{transform:scale(1.03) translate(0,0)}6%{transform:scale(1.03) translate(3.5%,-3%)}9%,66%{transform:scale(1.03) translate(0,0)}69%{transform:scale(1.03) translate(3%,-2%)}72%,84%{transform:scale(1.03) translate(0,0)}87%{transform:scale(1.03) translate(3.5%,-4%)}90%,100%{transform:scale(1.03) translate(0,0)}}
.nina__flash{position:absolute;left:51.3%;top:50.07%;width:3.03%;height:10.83%;border-radius:18%;background:radial-gradient(closest-side,rgba(230,255,244,.85),rgba(230,255,244,0));opacity:0;animation:ninaflash 6s ease-out infinite;mix-blend-mode:screen}
@keyframes ninaflash{0%,5%{opacity:0}7%{opacity:.55}14%{opacity:0}68%{opacity:0}70%{opacity:.5}77%{opacity:0}86%{opacity:0}88%{opacity:.55}95%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.nina__headwrap,.nina__hand,.nina__flash{animation:none}}
@media (min-width:761px){#costo .cost-strip--ev{padding:14px 48px}}
#costo .cost-strip--ev{background:none!important;box-shadow:none;border-radius:0;min-height:0!important;padding:28px 20px 0!important;margin-top:8px;color:var(--ink)}
#costo .cost-strip--ev .ev__t{font-size:1.5rem;font-weight:400;margin-bottom:8px;background:linear-gradient(90deg,#3a24d6,#8f7dff 60%,#63b9a5);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
#costo .cost-strip--ev p{color:var(--ink-60);font-size:.95rem;max-width:72ch;margin:0 auto}
@media (max-width:760px){.ctb__foot{grid-template-columns:1fr}}
@media (min-width:1100px){#costo .cost-strip--ev{overflow:visible}#costo .cost-strip--ev > div{display:flex;flex-direction:column;align-items:center}#costo .cost-strip--ev p{white-space:nowrap;max-width:none;font-size:.9rem}}
@media (min-width:1100px){#costo .cost-strip--ev p{font-size:min(.88rem,1.16vw);width:max-content;position:relative;left:50%;transform:translateX(-50%);margin:0}#costo .cost-strip--ev > div{display:block}}
.nina__mouth .m-smile{fill:#2a1c5c}
.nina__mouth .m-smile-l{stroke:#2a1c5c;stroke-width:1.1;stroke-linecap:round}
.nina__mouth .m-open{transform-box:fill-box;transform-origin:50% 20%;animation:ninatalk 6s ease-in-out infinite;opacity:0}
.nina__mouth .m-open > path{fill:#2a1c5c}
@keyframes ninatalk{
0%,10%{opacity:0;transform:scaleY(.45)}
12%{opacity:1;transform:scaleY(.85)}15%{transform:scaleY(.55)}18%{transform:scaleY(1)}21%{transform:scaleY(.6)}
24%{transform:scaleY(.8)}27%{transform:scaleY(.5)}30%{transform:scaleY(.95)}33%{transform:scaleY(.6)}
36%{transform:scaleY(.85)}39%{transform:scaleY(.5)}42%{transform:scaleY(.95)}45%{transform:scaleY(.6)}
48%{transform:scaleY(.8)}51%{transform:scaleY(.55)}54%{opacity:1;transform:scaleY(.7)}57%,100%{opacity:0;transform:scaleY(.45)}}
@media (prefers-reduced-motion:reduce){.nina__mouth .m-open{animation:none;opacity:0}}
@media (min-width:1100px){#costo .cost-strip--ev p{font-size:min(.88rem,1.06vw)}}
@media (min-width:1100px){#costo .cost-strip--ev p{font-size:.95rem;line-height:1.6}}@media (max-width:760px){#costo .ev__br{display:none}}
@media (min-width:761px){#costo .cost-strip--ev p{max-width:none;white-space:nowrap;width:auto;left:auto;transform:none;font-size:.95rem}}@media (min-width:761px) and (max-width:900px){#costo .cost-strip--ev p{white-space:normal}}
#lectura360 .cross{margin-top:139px}#lectura360{padding-bottom:32px}@media (max-width:860px){#lectura360 .cross{margin-top:83px}#lectura360{padding-bottom:16px}}
.agenda__inv{margin:22px 0 4px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.agenda__inv b{display:block;font-family:var(--display);font-weight:400;font-size:1.02rem;line-height:1.3;color:#fff;margin-bottom:6px}
.agenda .agenda__inv p{margin:0;font-size:.86rem;line-height:1.55;color:rgba(255,255,255,.72)}
#lectura360 + section{padding-top:50px}@media (max-width:860px){#lectura360 + section{padding-top:27px}}
#costo .ev__tags{justify-content:center;margin:14px 0 14px;flex-wrap:wrap}#costo .ev__tags li{white-space:nowrap}
#costo .ev__tags{margin:16px 0 0}#costo .cost-strip--ev .ev__t + p{margin-top:2px}
@media (min-width:761px){
#costo .cost-strip--ev{padding:40px 0 0!important}
#costo .cost-strip--ev > div{width:100%}
#costo .cost-strip--ev .ev__t{font-size:2rem;margin-bottom:10px}
#costo .cost-strip--ev p{font-size:1.12rem!important;white-space:normal!important}
#costo .ev__tags{display:flex;flex-wrap:nowrap;gap:12px;width:100%;margin-top:22px}
#costo .ev__tags li{flex:1 1 auto;text-align:center;font-size:.74rem;padding:14px 12px;letter-spacing:.12em}
}
@media (min-width:761px) and (max-width:1000px){#costo .ev__tags{flex-wrap:wrap}#costo .ev__tags li{font-size:.66rem;padding:12px 10px}}
#costo{padding-bottom:40px}#planes{padding-top:40px}@media (max-width:860px){#costo{padding-bottom:20px}#planes{padding-top:20px}}
#lectura360 .cross h3{font-family:var(--display);font-weight:400;font-size:32px;line-height:1.15}@media (max-width:760px){#lectura360 .cross h3{font-size:21.6px}}
/* planes con layout de tarjetas de roles */
#planes .plans{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr) minmax(0,1fr);gap:22px;align-items:center;margin-top:52px}
#planes .plan{border-radius:26px;padding:32px 26px;text-align:center;box-shadow:none;background:linear-gradient(165deg,#ebe9f5 0%,#f4f3f9 100%);color:var(--ink);align-self:stretch}
#planes .plan--pr{order:1}
#planes .plan--hl{order:2;background:linear-gradient(165deg,#e3dffb 0%,#eeecfb 100%);color:var(--ink);padding:44px 28px;margin:-17px 0;box-shadow:0 30px 60px -22px rgba(42,30,140,.35),0 12px 24px -12px rgba(42,30,140,.18);position:relative;z-index:2}
#planes .plan:not(.plan--hl):not(.plan--pr){order:3}
#planes .plan__badge,#planes .plan__badge--pr{background:var(--violet);color:#fff;box-shadow:none}
#planes .plan__k,#planes .plan--hl .plan__k{color:#6a5cc4}
#planes .plan h3,#planes .plan--hl h3{color:var(--ink);font-family:var(--display);font-weight:400;text-align:center}
#planes .plan--hl h3{font-size:1.7rem}
#planes .plan__d,#planes .plan--hl .plan__d{color:#1f2030;text-align:center;min-height:0}
#planes .plan__feat,#planes .plan--hl .plan__feat{border-top:1px solid rgba(10,10,18,.1);text-align:left;padding-top:15px}
#planes .plan__feat div{position:relative;padding-left:16px}
#planes .plan__feat div::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--violet);opacity:.75}
#planes .plan__feat b,#planes .plan--hl .plan__feat b{color:var(--ink)}
#planes .plan__feat span,#planes .plan--hl .plan__feat span{color:var(--ink-60)}
#planes .plan__pr{text-align:left;background:#fff;color:var(--ink-60)}
#planes .plan__pr b{color:var(--violet)}
#planes .plan--hl .btn--p{background:var(--violet);color:#fff}
#planes .plan--hl .btn--p:hover{background:#2a1aa8}
@media (max-width:860px){#planes .plans{grid-template-columns:1fr;margin-top:36px}#planes .plan--hl{order:0;margin:0}}
#planes .plan:not(.plan--hl){background:#fff;box-shadow:0 18px 40px -30px rgba(42,30,140,.25)}#planes .plan__pr{background:#f4f2fd}#planes .plan .btn{white-space:nowrap;padding-left:14px;padding-right:14px}
#planes{padding-bottom:46px}#agenda{padding-top:46px}@media (max-width:860px){#planes{padding-bottom:26px}#agenda{padding-top:26px}}
#lectura360 + section{padding-bottom:59px}#costo{padding-top:59px}@media (max-width:860px){#lectura360 + section{padding-bottom:31px}#costo{padding-top:31px}}
.scr__art{animation:scrzoom 24s ease-in-out infinite alternate!important}@keyframes scrzoom{from{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.06)}}@media (prefers-reduced-motion:reduce){.scr__art{animation:none!important}}
#costo{padding-bottom:67px}#planes{padding-top:67px}@media (max-width:860px){#costo{padding-bottom:37px}#planes{padding-top:37px}}
@media (min-width:861px){#planes .plans{margin-top:87px;gap:40px;max-width:960px;margin-left:auto;margin-right:auto}}
#planes .plan h3{font-size:1.38rem}#planes .plan--hl h3{font-size:1.58rem}
#planes .plan__d{font-size:.84rem}
#planes .plan__feat b{font-size:.86rem}
#planes .plan__feat span{font-size:.75rem}
#planes .plan__pr{font-size:.8rem}
#planes .plan .btn{font-size:.9rem}
.rutas__banner{clip-path:inset(-400px 0 0 0)}.rutas__img{clip-path:none!important;top:calc(var(--iw) / -2.739 * .3404 + 1px)}
/* logo centrado sobre la botonera */
.topnav__in{flex-wrap:wrap;height:auto;min-height:76px;align-content:center;row-gap:6px;padding:8px 0}
.topnav__logo{position:static;flex:0 0 100%;justify-content:center;order:-1;max-height:0;overflow:hidden;transition:opacity .25s,max-height .25s}
.topnav__logo svg{height:16px}
.topnav.is-stuck .topnav__logo{max-height:24px;padding-top:4px}
@media (min-width:861px){#planes .plan:not(.plan--hl){align-self:center}}
#planes .plan__pr{text-align:center}
.ctb__v--a.ctb__v--tot b{color:var(--violet)}
/* agenda en formato tarjeta (tipo pop up) */
.dm{max-width:860px;margin:0 auto;background:#fff;border-radius:32px;padding:clamp(32px,5vw,64px) clamp(20px,6vw,72px) clamp(28px,4vw,48px);box-shadow:0 30px 70px -40px rgba(42,30,140,.35);text-align:center}
.dm h2{margin:0 0 12px}
.dm__sub{color:var(--ink-60);font-size:1.05rem;line-height:1.55;max-width:46ch;margin:0 auto}
.dm__inv{max-width:58ch;margin:18px auto 0;font-size:.86rem;line-height:1.55;color:var(--ink-60);background:#f4f2fd;border-radius:14px;padding:12px 18px}
.dm__inv b{color:var(--violet);font-weight:500}
.dm__form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;text-align:left}
.dm__f{position:relative}
.dm__f--full{grid-column:1/-1}
.dm__f input,.dm__f textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1.02rem;color:var(--ink);background:#f4f4f8;border:1.5px solid transparent;border-radius:14px;padding:28px 22px 10px;outline:none;transition:border-color .15s,background .15s}
.dm__f textarea{min-height:150px;resize:vertical;padding-top:30px}
.dm__f label{position:absolute;left:23px;top:22px;font-size:1.02rem;color:#8a8b9a;pointer-events:none;transition:all .15s}
.dm__f input:focus,.dm__f textarea:focus{border-color:var(--violet);background:#fff}
.dm__f input:focus + label,.dm__f input:not(:placeholder-shown) + label,.dm__f textarea:focus + label,.dm__f textarea:not(:placeholder-shown) + label{top:12px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.dm__days{background:#f4f4f8;border-radius:14px;padding:12px 22px 14px}
.dm__k{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-bottom:10px}
.dm .days{display:flex;flex-wrap:wrap;gap:8px}
.dm .day{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;padding:8px 16px;border-radius:99px;border:1px solid #d9d7e8;background:#fff;color:var(--ink);cursor:pointer}
.dm .day[aria-pressed="true"]{background:var(--violet);border-color:var(--violet);color:#fff}
.dm .day--full{opacity:.45;text-decoration:line-through;cursor:not-allowed}
.dm__btn{grid-column:1/-1;margin-top:14px;border:0;border-radius:99px;padding:20px;font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a24d6 0%,#5a6cf0 45%,#7fd4a8 100%)}
.dm__btn:hover{filter:brightness(1.05)}
.dm__btn:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.dm__priv{grid-column:1/-1;text-align:center;font-size:.82rem;line-height:1.6;color:#9a9bab;margin:6px auto 0;max-width:62ch}
.dm__priv a{color:var(--violet)}
@media (max-width:640px){.dm__form{grid-template-columns:1fr}.dm{border-radius:24px}}
.dm .days{margin:0}.dm__k{margin-bottom:8px}
/* modal de agenda */
.dmodal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}
.dmodal[hidden]{display:none!important}
.dmodal__bg{position:fixed;inset:0;background:rgba(13,12,30,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s}
.dmodal .dm{position:relative;margin:auto;max-width:860px;width:100%;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .22s,transform .22s;box-shadow:0 40px 90px -30px rgba(0,0,0,.55)}
.dmodal.is-open .dmodal__bg{opacity:1}
.dmodal.is-open .dm{opacity:1;transform:none}
.dm__x{position:absolute;top:22px;right:24px;width:40px;height:40px;border:0;background:none;font-size:30px;line-height:1;color:#3a3c4c;cursor:pointer;border-radius:50%}
.dm__x:hover{background:#f1f0f8}
.dm__x:focus-visible{outline:2px solid var(--violet)}
html.dm-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.dmodal__bg,.dmodal .dm{transition:none}}
@media (max-width:640px){.dmodal .dm h2{padding:0 34px}.dm__x{top:12px;right:12px;width:36px;height:36px;font-size:26px}}
.pv__cta{display:flex;justify-content:center;margin:0 0 72px}
.pv__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;border-radius:999px;color:#fff;font-weight:600;font-size:17px;text-decoration:none;background:linear-gradient(100deg,#3a24d6,#5a6cf0 55%,#7fd4a8);box-shadow:0 10px 28px -10px rgba(58,36,214,.55);transition:transform .2s,box-shadow .2s}
.pv__btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(58,36,214,.6)}
@media (max-width:640px){.pv__cta{margin-bottom:48px}.pv__btn{padding:14px 32px;font-size:16px}}
.pv__btn{font-family:var(--mono);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;padding:20px 56px;background:linear-gradient(90deg,#3a24d6 0%,#5a6cf0 45%,#7fd4a8 100%)}
@media (max-width:640px){.pv__btn{padding:18px 40px;font-size:.78rem}}
#main .dmodal .dm h2,.dmodal .dm h2{font-size:40px;margin-top:28px}
.dmodal .dm__sub{font-size:18px;max-width:520px;margin-left:auto;margin-right:auto}
@media (max-width:640px){#main .dmodal .dm h2,.dmodal .dm h2{font-size:28px;margin-top:8px}.dmodal .dm__sub{font-size:16px}}
@media (max-width:640px){#main .dmodal .dm h2,.dmodal .dm h2{margin-top:30px}}
@media (min-width:768px){.dmodal .dm h2{max-width:none;white-space:nowrap;font-size:36px!important}}
@media (max-width:767px){.dm__br{display:none}}
@media (max-width:640px){#main .dmodal .dm h2,.dmodal .dm h2{font-size:24px}}
.cta-end{position:relative;background:#fff;min-height:clamp(520px,46vw,680px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 16px}
.cta-end__fx{position:absolute;inset:0;display:block}
.cta-end__in{position:relative;z-index:1;text-align:center;max-width:820px;pointer-events:none}
.cta-end__in a{pointer-events:auto}
.cta-end__ico{width:30px;height:30px;fill:none;stroke:var(--violet);stroke-width:1.6;stroke-linecap:round;margin:0 auto 26px;display:block}
#main .cta-end h2{font-size:clamp(30px,4vw,56px);line-height:1.1;margin:0 0 22px;color:#0d0c1e}
.cta-end p{max-width:520px;margin:0 auto 34px;font-size:18px;line-height:1.6;color:#5b5b70}
.cta-end__btn{display:inline-flex;align-items:center;gap:14px;font-family:var(--mono);font-size:.82rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#0d0c1e;text-decoration:none;padding:20px 46px;border:1px solid rgba(13,12,30,.28);border-radius:99px;background:rgba(255,255,255,.7);backdrop-filter:blur(2px);transition:background .25s,color .25s,border-color .25s}
.cta-end__btn:hover{background:var(--violet);border-color:var(--violet);color:#fff}
@media (max-width:640px){.cta-end{min-height:480px}.cta-end p{font-size:16px}}
#main .cta-end h2{font-size:clamp(30px,4vw,56px)!important;line-height:1.1!important}
.dm__stu{display:none}
.dmodal.dm--cot .dm__stu{display:block}
.dm__f select{width:100%;box-sizing:border-box;font:inherit;font-size:1.02rem;color:var(--ink);background:#f4f4f8;border:1.5px solid transparent;border-radius:14px;padding:28px 52px 10px 22px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s,background .15s;min-height:66px}
.dm__f select:focus{border-color:var(--violet);background:#fff}
.dm__f select:focus + label,.dm__f select:valid + label{top:12px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.dm__chev{position:absolute;right:22px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.foot{border-top:1px solid #ececf3;padding:0;background:#fff}
.foot .wrap{padding-top:88px}
.foot__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:48px;align-items:start}
.foot__brand svg{display:block;width:150px;height:auto;color:#0d0c1e;fill:#0d0c1e}
.foot__tag,.foot__h,.foot__nav a,.foot__bar{font-family:var(--mono);text-transform:uppercase;letter-spacing:.24em}
.foot__tag{margin:18px 0 0;font-size:.7rem;color:#8a8b9a}
.foot__h{margin:0 0 22px;font-size:.72rem;font-weight:600;color:#0d0c1e}
.foot__nav{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.foot__nav a{font-size:.72rem;color:#6b6c80;text-decoration:none;transition:color .2s}
.foot__nav a:hover{color:var(--violet)}
.foot__addr{font-style:normal;font-size:17px;line-height:1.95;color:#4a4b5e}
.foot__mail{display:inline-block;margin-top:18px;font-size:17px;color:#0d0c1e;text-decoration:none}
.foot__mail:hover{color:var(--violet)}
.foot__bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding:28px 0 32px;border-top:1px solid #ececf3;font-size:.66rem;color:#8a8b9a}
.foot__pw{background:#f1f0f8;display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,72px);padding:30px 16px}
.foot__pwt{font-size:24px;color:#5b5b70;font-weight:300}
.foot__pw img{height:78px;width:auto;display:block}
@media (max-width:860px){.foot .wrap{padding-top:64px}.foot__grid{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}}
@media (max-width:560px){.foot__grid{grid-template-columns:1fr;gap:40px}.foot__bar{flex-direction:column}.foot__pw{flex-wrap:wrap;gap:22px 32px}.foot__pwt{width:100%;text-align:center;font-size:20px}.foot__pw img{height:64px}}
.foot svg{opacity:1}
.foot .foot__brand svg{height:auto;width:150px;fill:#0d0c1e;color:#0d0c1e}
.foot p.foot__h{color:#0d0c1e;font-size:.72rem;max-width:none}
.foot p.foot__tag{color:#8a8b9a;font-size:.7rem;max-width:none}
.cta-end p{max-width:560px}
.dm__form{gap:14px}
.dm__f input,.dm__f select{border-radius:8px;padding:21px 18px 6px;font-size:.96rem;min-height:0;height:50px}
.dm__f select{padding-right:46px}
.dm__f textarea{border-radius:8px;padding:24px 18px 8px;font-size:.96rem;min-height:110px}
.dm__f label{left:19px;top:15px;font-size:.96rem}
.dm__f--ta label{top:15px}
.dm__f input:focus + label,.dm__f input:not(:placeholder-shown) + label,.dm__f textarea:focus + label,.dm__f textarea:not(:placeholder-shown) + label,.dm__f select:focus + label,.dm__f select:valid + label{top:7px;font-size:.58rem}
.dm__chev{right:16px;width:17px;height:17px;margin-top:-8.5px}
.dm__btn{padding:17px}
.foot__pw img{height:51px}
.foot__pwt{font-size:18px}
.foot__pw{padding:24px 16px;gap:clamp(24px,4vw,52px)}
@media (max-width:560px){.foot__pw img{height:42px}.foot__pwt{font-size:16px}}
@media (max-width:900px){#screening .intro__art{background-image:url("../img/fondo-screening-v6.webp");background-size:auto 100%;background-position:52% 100%}}
.espv{max-width:560px;margin-left:auto}
.esps__tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.esps__tab{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:99px;border:1px solid #dcd9ee;background:#fff;color:#5f6075;cursor:pointer;transition:all .2s}
.esps__tab:hover{color:var(--violet);border-color:var(--violet)}
.esps__tab.is-on{background:var(--violet);border-color:var(--violet);color:#fff}
.esps{display:none;margin:0}
.esps.is-on{display:block;animation:espIn .45s ease both}
.esps__fr{background:#eeedf9;border-radius:18px;padding:10px;box-shadow:0 24px 50px -30px rgba(40,30,120,.35)}
.esps__bar{display:flex;align-items:center;gap:6px;padding:4px 6px 10px;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#7a7b90}
.esps__bar i{width:7px;height:7px;border-radius:50%;background:#cfcce6}
.esps__bar span{margin-left:8px}
.esps__bar em{margin-left:auto;font-style:normal;color:var(--violet);background:#fff;border-radius:99px;padding:4px 9px;letter-spacing:.06em;text-transform:none;font-size:.6rem}
.esps__img{position:relative;display:block;width:100%;padding:0;border:0;background:#f7f7fb;border-radius:12px;overflow:hidden;cursor:zoom-in}
.esps__img img{display:block;width:100%;height:auto}
.esps__mk{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--violet);color:#fff;font-family:var(--mono);font-size:.62rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(255,255,255,.85)}
.esps__zoom{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:99px;background:rgba(13,12,30,.78);color:#fff;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.esps__zoom svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.esps__img:hover .esps__zoom,.esps__img:focus-visible .esps__zoom{opacity:1;transform:none}
@media (hover:none){.esps__zoom{opacity:1;transform:none}}
.esps figcaption{padding:14px 4px 0}
.esps__leg{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.esps__leg li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;line-height:1.45;color:#4a4b5e}
.esps__leg li span{flex:none;width:18px;height:18px;border-radius:50%;background:var(--violet);color:#fff;font-family:var(--mono);font-size:.58rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}
.esps__pie{margin:12px 0 0;font-size:.9rem;font-weight:600;color:#0d0c1e;line-height:1.45}
.esps__sim{margin:12px 4px 0;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#9a9bb0}
.esplb{position:fixed;inset:0;z-index:210;display:flex;justify-content:center;overflow-y:auto;padding:32px 16px}
.esplb[hidden]{display:none!important}
.esplb__bg{position:fixed;inset:0;background:rgba(13,12,30,.78);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.esplb__box{position:relative;margin:auto;width:min(760px,100%);opacity:0;transform:translateY(14px);transition:opacity .2s,transform .2s}
.esplb.is-open .esplb__bg,.esplb.is-open .esplb__box{opacity:1;transform:none}
.esplb__box img{display:block;width:100%;height:auto;border-radius:14px;background:#fff}
.esplb__x{position:fixed;top:16px;right:18px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#0d0c1e;font-size:28px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 6px 18px rgba(0,0,0,.2)}
@media (max-width:860px){.espv{max-width:none}.esps__mk{width:16px;height:16px;margin:-8px 0 0 -8px;font-size:.52rem}}
.esps__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.esps__tabs::-webkit-scrollbar{display:none}
.esps__tab{white-space:nowrap;padding:8px 12px;letter-spacing:.08em}
.esps__bar{white-space:nowrap;min-width:0}
.esps__bar span{overflow:hidden;text-overflow:ellipsis}
.esps__bar em{flex:none}
@media (max-width:520px){.esps__bar span{display:none}}
@media (max-width:640px){.cover{min-height:70vh;min-height:70svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:84px;padding-bottom:36px;background-color:#eeeef8;background-image:url(../img/fondo-portada.jpg);background-image:image-set(url(../img/fondo-portada.webp) type("image/webp"),url(../img/fondo-portada.jpg) type("image/jpeg"));background-size:cover;background-position:center;background-repeat:no-repeat}.cover__in{width:100%}}
@media (max-width:640px){.cover__br{display:inline}.cover__title{font-size:5.05vw!important;line-height:1.22;white-space:nowrap;max-width:none!important}}
@media (max-width:640px){#screening .intro__l{text-align:center}#screening .intro__l .intro__wave{margin-left:auto;margin-right:auto;display:block}#screening .intro__l .intro__tags{justify-content:center}}
@media (max-width:640px){#screening .intro__l{order:1}#screening .intro__r{order:2;margin-top:28px}#screening .intro__art{order:3;margin-bottom:0}}
@media (max-width:640px){#screening{padding-bottom:0!important}#screening .intro__art{margin-bottom:0!important}}
@media (max-width:640px){#screening{position:relative}#screening .intro__l .intro__tags{position:absolute;left:0;right:0;bottom:22px;z-index:2;margin:0;padding:0 16px;justify-content:center}#screening .intro__l .intro__tags li{box-shadow:0 6px 16px -8px rgba(40,30,120,.45)}}
@media (max-width:640px){#screening .intro__l .intro__tags li:nth-child(1){order:1}#screening .intro__l .intro__tags li:nth-child(3){order:2}#screening .intro__l .intro__tags li:nth-child(2){order:3}}
@media (max-width:640px){#screening .intro__r{text-align:center}}
@media (max-width:640px){#screening .intro__art{margin-top:0!important;aspect-ratio:auto!important;height:calc(57.7vw + 25px);background-size:auto 80vw!important;background-position:52% 100%!important}#screening .intro__r p:last-child{margin-bottom:0}}
@media (max-width:640px){#screening .intro__l .intro__tags{gap:5px;flex-wrap:nowrap}#screening .intro__l .intro__tags li{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding-left:9px;padding-right:10px}#screening .intro__l .intro__tags li::before{content:"";flex:none;width:9px;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4l2.6 2.5L10 3.2' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4l2.6 2.5L10 3.2' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}}
@media (max-width:640px){#screening .intro__l .intro__tags li{letter-spacing:.08em}}
@media (max-width:380px){#screening .intro__l .intro__tags li{font-size:.56rem;padding-left:8px;padding-right:9px}}
.flow__pager{display:none}
@media (max-width:640px){
.nflow .flow__cols{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;margin-left:-20px;margin-right:-20px;padding:6px 20px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nflow .flow__cols::-webkit-scrollbar{display:none}
.nflow .flow__c{flex:0 0 76%;scroll-snap-align:start;position:relative;background:#fff;border-radius:22px;padding:26px 20px 26px;box-sizing:border-box;box-shadow:0 14px 30px -24px rgba(40,30,120,.35);transition:opacity .3s}
.nflow .flow__c:last-child{margin-right:20px}
.nflow .flow__c .ico{position:relative;z-index:1}
.nflow .flow__c .ico .ico__b{fill:var(--cs)}
.nflow .flow__c{opacity:.55}
.nflow .flow__c.is-cur{opacity:1}
.flow__pager{display:flex;justify-content:center;gap:8px;margin-top:16px}
.flow__pager i{width:7px;height:7px;border-radius:99px;background:#cfcce6;transition:width .25s,background .25s;cursor:pointer}
.flow__pager i.is-on{width:22px;background:var(--violet)}
@keyframes fpulse{0%,100%{box-shadow:0 0 0 0 rgba(143,125,255,.45)}50%{box-shadow:0 0 0 6px rgba(143,125,255,0)}}
}
.mflow{display:none}
@media (max-width:640px){
.nflow .flow__cols{position:relative}
.mflow{position:absolute;left:0;top:6px;z-index:2;pointer-events:none;overflow:visible}
.nflow .flow__c{padding-top:104px}
.mf-base{fill:none;stroke:#dcd8f3;stroke-width:2;stroke-linecap:round}
.mf-prog{fill:none;stroke:url(#mfg);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mf-com{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 3px #6c5cff) drop-shadow(0 0 7px rgba(108,92,255,.8))}
.mf-b{fill:none;stroke:var(--lc);stroke-width:2.4;stroke-linecap:round;opacity:.55;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1)}
.mf-bc{fill:none;stroke:var(--lc);stroke-width:4;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 3px var(--lc))}
.mf-port{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .4s .6s,transform .4s .6s}
.mflow.is-br .mf-port{opacity:1;transform:none}
.mf-dot{opacity:.35;transition:opacity .3s}
.mf-dot circle:not(.mf-h):not(.mf-pulse){fill:#c9c4ee;transition:fill .3s}
.mf-dot .mf-h{fill:rgba(108,92,255,.12)}
.mf-dot .mf-pulse{fill:rgba(108,92,255,.35);opacity:0;transform-box:fill-box;transform-origin:center}
.mf-dot.is-on{opacity:1}
.mf-dot.is-on circle:not(.mf-h):not(.mf-pulse){fill:#3a24d6}
.mf-dot:last-of-type.is-on circle:not(.mf-h):not(.mf-pulse){fill:#63b9a5}
.mf-dot.is-on .mf-pulse{animation:cfP 2.2s ease-out infinite}
.nflow .flow__c .ico{transition:transform .35s}
.nflow .flow__c.is-hit .ico{animation:mfpop .6s ease both}
@keyframes mfpop{0%{transform:scale(.85)}55%{transform:scale(1.12)}100%{transform:none}}
}
@media (max-width:640px){.nflow .flow__c .ico{display:none!important}.nflow .flow__c{padding-top:96px}}
@media (max-width:640px){
.nflow .flow__c{padding-top:28px!important;padding-bottom:168px!important}
.mf-port{display:none}
.nflow .flow__c .flow__mpills{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;z-index:3;opacity:.35;transition:opacity .5s .5s}
.nflow .flow__c .flow__mpills li{margin:0}
.mflow.is-br ~ .flow__c .flow__mpills,.nflow .flow__cols.is-br .flow__mpills{opacity:1}
}
@media (max-width:640px){.nflow .flow__c{flex-basis:86%!important}}
@media (max-width:640px){.rutas__banner{margin-top:calc(23.6vw + 104px)!important}.rutas__ttl{position:absolute!important;left:16px;right:16px;bottom:calc(100% + 23.6vw + 20px)}.rutas__ttl .eyebrow{color:var(--violet)!important}.rutas__ttl h3{color:#0d0c1e!important;text-shadow:none!important}}
@media (max-width:640px){.rutas__banner{margin-top:120px!important}.rutas__ttl{bottom:calc(100% + 30px)}}
@media (max-width:640px){.rutas__banner{margin-top:136px!important}}@media (max-width:380px){.rutas__banner{margin-top:150px!important}}
@media (max-width:640px){
.nflow .circuit .circuit__svg{display:none!important}
.nflow .circuit .cnodes{display:flex!important;flex-direction:column;gap:30px;padding-left:0!important}
.nflow .circuit .cnode{display:flex!important;flex-direction:column;align-items:center;text-align:center;grid-template-columns:none!important;padding-left:0!important;margin-left:0!important}
.nflow .circuit .cnode__st{position:static!important;margin:0 auto 12px!important;transform:none!important}
.nflow .circuit .cnode__card{text-align:center;padding:0!important;width:100%}
.nflow .circuit .cnode__card > *{margin-left:auto;margin-right:auto}
}
@media (max-width:640px){.nflow .flow__c{display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center}.nflow .flow__c h3,.nflow .flow__c p{width:100%;margin-left:auto;margin-right:auto}}
@media (max-width:640px){
.nflow .flow__c{display:block!important;padding:0!important}
.nflow .flow__c > p{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);margin:0!important;width:auto!important}
.nflow .flow__c > h3{position:absolute;left:20px;right:20px;bottom:calc(50% + var(--ph,72px) / 2 + 10px);margin:0!important;width:auto!important}
}
@media (max-width:640px){.nflow .flow__cols{padding-left:16px!important;padding-right:16px!important;scroll-padding-left:16px!important;margin-left:-20px;margin-right:-20px}.nflow .flow__c{flex-basis:calc(100% - 12px)!important}.nflow .flow__c:last-child{margin-right:16px}}
@media (max-width:640px){
.mf-b{transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
.mf-b:nth-of-type(2){transition-delay:.08s}.mf-b:nth-of-type(3){transition-delay:.16s}.mf-b:nth-of-type(4){transition-delay:.24s}
.nflow .flow__c .flow__mpills{opacity:1!important;width:136px;align-items:stretch}
.nflow .flow__c .flow__mpills li{width:100%;box-sizing:border-box;justify-content:flex-start;opacity:0;transform:translateX(-14px) scale(.92);transition:opacity .45s,transform .45s cubic-bezier(.3,1.4,.5,1)}
.nflow .flow__cols.is-br .flow__mpills li{opacity:1;transform:none}
.nflow .flow__cols.is-br .flow__mpills li:nth-child(1){transition-delay:.75s}
.nflow .flow__cols.is-br .flow__mpills li:nth-child(2){transition-delay:.88s}
.nflow .flow__cols.is-br .flow__mpills li:nth-child(3){transition-delay:1.01s}
.nflow .flow__cols.is-br .flow__mpills li:nth-child(4){transition-delay:1.14s}
}
.br-m{display:none}@media (max-width:640px){.br-m{display:inline}}
@media (max-width:640px){.nflow .flow__cols{counter-reset:fc}.nflow .flow__c{counter-increment:fc}.nflow .flow__c > h3::before{content:counter(fc);display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto 12px;border-radius:50%;border:1.5px solid var(--violet);color:var(--violet);font-family:var(--mono);font-size:.8rem;font-weight:600;letter-spacing:0;box-sizing:border-box}.nflow .flow__c.is-cur > h3::before{background:var(--violet);color:#fff}}
@media (max-width:640px){
.flow__pager{align-items:center;position:relative}
.flow__arr{position:absolute;left:calc(50% + 36px);top:50%;width:22px;height:22px;margin-top:-11px;display:flex;align-items:center;justify-content:center;color:var(--violet);transition:opacity .3s;animation:farr 1.4s ease-in-out infinite}
.flow__arr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flow__pager.is-end .flow__arr{opacity:0;animation:none}
@keyframes farr{0%,100%{transform:translateX(0);opacity:.55}50%{transform:translateX(7px);opacity:1}}
}
@media (max-width:640px){
.fpin{position:relative}
.fpin__in{position:sticky}
.nflow .flow__cols.is-pinned{scroll-snap-type:none!important;overflow-x:hidden!important;scroll-behavior:auto!important}
}
@media (max-width:640px){section.nflow{overflow:clip!important}.flow__pager{display:none!important}}
@media (max-width:640px){
.mf-org circle{transform:translate(var(--sx),var(--sy)) scale(.5);opacity:0;transition:transform .9s cubic-bezier(.3,1.3,.5,1),opacity .5s}
.mf-org circle.o1{fill:#6c5cff}
.mf-org circle.o2{fill:#b8b0f5}
.mflow.is-org .mf-org circle{transform:translate(var(--tx),var(--ty));opacity:1}
.mflow.is-org .mf-org circle.o2{opacity:.8}
.mf-org__r{animation:morb 14s linear infinite;transform-origin:0 0}
@keyframes morb{to{transform:rotate(360deg)}}
}
#flow-band .cf-org circle{fill:#6c5cff;transform:translate(var(--sx),var(--sy)) scale(.5);opacity:0;transition:transform .9s cubic-bezier(.3,1.3,.5,1),opacity .5s}
.nflow.is-live #flow-band .cf-org circle{transform:translate(var(--tx),var(--ty));opacity:1}
#flow-band .cf-org .mf-org__r{animation:morb 14s linear infinite;transform-origin:0 0}
@keyframes morb{to{transform:rotate(360deg)}}
@media (max-width:640px){.nflow .flow__cols{padding-top:22px!important;padding-bottom:40px!important;margin-top:-16px!important;margin-bottom:-32px!important}.nflow .flow__c{box-shadow:0 18px 36px -22px rgba(40,30,120,.28),0 2px 8px -4px rgba(40,30,120,.08)!important}}
@media (max-width:640px){#main #como-funciona h2.flow__title{font-size:19.6px!important}}
@media (max-width:640px){#como-funciona .flow__head p.lede{margin-top:27.5px!important}.nflow .fpin{margin-top:31px}}
@media (max-width:640px){.nflow .fpin{margin-top:0!important}.nflow .fpin__in .flow__cols{margin-top:15px!important}}
@media (max-width:640px){#rutas > p{font-size:14.68px!important;line-height:1.6!important}}
@media (max-width:640px){#rutas > p{color:#14152a!important}}
@media (max-width:640px){.nflow .circuit .cnode{gap:6px!important;row-gap:6px!important}.nflow .circuit .cnode__st{margin-bottom:0!important}}
@media (max-width:640px){.nflow .circuit .cnodes{gap:12px!important;row-gap:12px!important}.nflow .circuit .cnode{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}}
@media (max-width:640px){.nflow .circuit .cnodes{gap:6px!important;row-gap:6px!important}}
@media (max-width:640px){.cdetail__g > div{text-align:center;display:flex!important;flex-direction:column;align-items:center}.cdetail__g .cd-ico{margin-left:auto!important;margin-right:auto!important}.cdetail__g h4{text-align:center}.cdetail__h{text-align:center;align-items:center}.cdetail__h b{display:block;text-align:center}.cdetail__h .cd-level{justify-content:center;margin-left:auto;margin-right:auto}}
@media (max-width:640px){.cdetail .cdetail__h{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px}.cdetail .cdetail__h > *{margin-left:auto!important;margin-right:auto!important;justify-content:center}.cdetail .cdetail__h b{display:inline-flex!important;align-items:center;justify-content:center}}
@media (max-width:640px){.cdetail .cdetail__h .cd-level{display:inline-grid!important;grid-template-columns:repeat(4,1fr);column-gap:4px;row-gap:7px;width:max-content;margin:0 auto!important}.cdetail .cdetail__h .cd-level i{width:auto!important;margin:0!important}.cdetail .cdetail__h .cd-level em{grid-column:1/-1;margin:0!important;text-align:center;white-space:nowrap}}
@media (max-width:640px){.cdetail:not([hidden]){display:flex!important;flex-direction:column;align-items:center}.cdetail .cdetail__h{display:contents!important}.cdetail .cdetail__h > b{order:0;margin-bottom:8px!important}.cdetail .cdetail__h > .cd-level{order:1}.cdetail .cdetail__h > span{order:2}.cdetail .cdetail__g{order:3;width:100%;align-self:stretch}.cdetail .cdetail__h > .cdetail__c{order:4;margin-top:18px!important;position:static!important}}
@media (max-width:640px){.cdetail .cdetail__h > .cd-level{margin-bottom:22px!important}.cdetail .cdetail__h > b{margin-bottom:10px!important}}
@media (max-width:640px){.nflow .circuit .cnodes > .cnode ~ .cnode{border-top:1px solid #e2e0ee;padding-top:16px!important;margin-top:6px!important}}
@media (max-width:640px){.nflow .circuit .cnodes{gap:9px!important;row-gap:9px!important}.nflow .circuit .cnodes > .cnode ~ .cnode{padding-top:24px!important;margin-top:9px!important}}
@media (max-width:640px){.acc__mode button{white-space:nowrap!important;font-size:.56rem!important;letter-spacing:.06em!important;padding-left:10px!important;padding-right:10px!important}}@media (max-width:370px){.acc__mode button{font-size:.52rem!important;letter-spacing:.03em!important;padding-left:8px!important;padding-right:8px!important}}
.dm-del{display:inline}@media (max-width:640px){.acc__mode .dm-del{display:none}.acc__mode button{font-size:.6rem!important;letter-spacing:.08em!important}}@media (max-width:370px){.acc__mode button{font-size:.56rem!important;letter-spacing:.05em!important}}
@media (max-width:640px){.acc__mode button{white-space:normal!important;line-height:1.3!important;padding-top:9px!important;padding-bottom:9px!important;font-size:.64rem!important;letter-spacing:.1em!important}.acc__mode .mw{display:block;width:max-content;margin-left:auto;margin-right:auto}}
@media (max-width:640px){.acc__mode button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px}.acc__mode .mw{margin:0!important}}
@media (max-width:640px){.acc__mode button{gap:0!important;line-height:1.1!important}}
@media (max-width:860px){.stp .stp__media{padding:8px 4px 44px!important;margin-bottom:-20px}}
@media (max-width:640px){.stp .stp__t{flex:1 1 auto;text-align:center}.stp .stp__in{text-align:center}.stp .stp__in ul,.stp .stp__in li{text-align:left}}
@media (max-width:640px){.stp .stp__in ul{display:flex;flex-direction:column;align-items:center;padding-left:0}.stp .stp__in ul li{text-align:center!important;max-width:300px}}
@media (max-width:860px){.stp .stp__media{padding-top:26px!important}}
@media (max-width:640px){.stp .stp__ul li{padding-left:0!important}.stp .stp__ul li::before{position:static!important;display:inline-block!important;vertical-align:middle;margin:-2px 8px 0 0!important;transform:none!important}}
@media (max-width:640px){.stp .stp__ul li{display:block!important}}
@media (max-width:640px){.stp .stp__ul{gap:6px!important;row-gap:6px!important}.stp .stp__ul li{line-height:1.3!important;margin:0!important}}
@media (max-width:640px){.phone .ec__wbtn{font-size:10.5px!important;padding-left:14px!important;padding-right:12px!important;letter-spacing:0}}
@media (max-width:860px){.stp .phone,.stpphone .phone{height:568px!important;width:282px!important}.stpphone__in{height:auto!important}}
@media (max-width:860px){.stp.is-open .stp__in{overflow:visible!important}#acceso{overflow-x:clip}}
@media (max-width:640px){.ec__hsw .ec__ht{font-size:10px!important;padding-left:40px!important;padding-right:12px!important}.ec__hsw .ec__ht2{font-size:10px!important}}
@media (max-width:860px){.stp .espviz{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.stp .espviz .espv{max-width:100%!important;min-width:0}.stp .espviz .esps__tabs{max-width:100%;justify-content:flex-start}.stp .espviz figcaption{text-align:left}.stp .espviz .esps__pie,.stp .espviz .esps__sim{text-align:left}}
.stp .stp__b{grid-template-columns:minmax(0,1fr)}.stp .stp__in{min-width:0}@media (max-width:860px){.esps__bar em{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}}
@media (max-width:860px){.stp .espviz .esps__tabs{flex-wrap:wrap!important;justify-content:center!important;overflow:visible!important}.stp .espviz .esps__tab{font-size:.58rem;padding:7px 10px}}
.esps__selw{display:none}
@media (max-width:860px){
.stp .espviz .esps__tabs{display:none!important}
.esps__selw{display:block;position:relative;margin:0 0 14px}
.esps__sel{width:100%;appearance:none;-webkit-appearance:none;font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);background:#fff;border:1.5px solid #dcd9ee;border-radius:10px;padding:13px 44px 13px 16px;cursor:pointer;outline:none}
.esps__sel:focus{border-color:var(--violet)}
.esps__selw svg{position:absolute;right:15px;top:50%;width:16px;height:16px;margin-top:-8px;fill:none;stroke:var(--violet);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
}
.m-only{display:none}@media (max-width:640px){.m-only{display:inline}.d-only{display:none}}
@media (max-width:860px){.esps .esps__bar{display:none!important}.esps .esps__fr{background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important}.esps .esps__img{border-radius:12px;box-shadow:0 0 0 1px #e6e4f2,0 16px 34px -24px rgba(40,30,120,.3)}}
@media (max-width:640px){
.stp .espviz .esps__fr{margin-left:-16px!important;margin-right:-16px!important}
.stp .espviz .esps__img{border-radius:8px}
.stp .espviz figcaption{text-align:center!important;padding:16px 0 0}
.stp .espviz .esps__leg{gap:10px}
.stp .espviz .esps__leg li{display:block!important;text-align:center!important;font-size:15px;line-height:1.35}
.stp .espviz .esps__leg li span{display:inline-flex!important;vertical-align:-3px;margin:0 7px 0 0!important}
.stp .espviz .esps__pie{text-align:center!important;font-size:16px;margin-top:16px}
.stp .espviz .esps__sim{text-align:center!important}
}
.esps__t{display:none}
.esps__img picture{display:block}
@media (max-width:640px){.esps__t{display:block;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.25;color:#0d0c1e;text-align:center;margin:4px 8px 14px}}
@media (max-width:640px){.esps .esps__zoom{display:none!important}.esps .esps__img{cursor:default!important;pointer-events:none}}
@media (max-width:640px){.stp .espviz .esps__leg li span{display:flex!important;margin:0 auto 6px!important;vertical-align:baseline}.stp .espviz .esps__leg{gap:16px}}
@media (max-width:640px){.stp .espviz .esps__leg li{font-size:14px!important}}
@media (max-width:640px){.stp .espviz .esps__leg{gap:17px!important}.stp .espviz .esps__leg li span{margin-bottom:4px!important}}
@font-face{font-family:'Plex Cond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-condensed-latin-500-normal.woff2) format('woff2')}
@media (max-width:640px){.esps .esps__t{font-family:'Plex Cond',var(--display);font-weight:500;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:min(15px,3.9vw);line-height:1.2;margin:2px 0 14px}}
@media (max-width:640px){.esps .esps__t{font-size:min(14px,3.1vw)}}
@media (max-width:640px){.esps__mk[style*="--tm"]{top:var(--tm)!important}}
@media (max-width:640px){.esps .esps__pie,.espv .esps__sim{display:none!important}}
@media (max-width:640px){main#main{display:flex;flex-direction:column}main#main > *{min-width:0}main#main > #como{order:1}main#main > .cta-end{order:2}}
@media (max-width:640px){.eqw .eqw__l{display:block;width:max-content;margin-left:auto;margin-right:auto}}
@media (max-width:640px){p.eqw{display:flex!important;flex-direction:column;align-items:center;gap:2px}.eqw .eqw__l{margin:0!important}}
@media (max-width:640px){#lectura360 .sec-head p.lede{font-size:15.28px!important;line-height:1.55!important}}
@media (max-width:640px){#main .cta-end h2{font-size:25px!important}}
.rdots{display:none}
@media (max-width:640px){
#lectura360{overflow:clip}
.rpin{position:relative}
.rpin__in{position:sticky}
#lectura360 .roles.roles--hier{display:flex!important;gap:14px;overflow:hidden;margin:0 -20px;padding:70px 20px 6px;margin-top:-40px!important;align-items:stretch;scroll-behavior:auto}
#lectura360 .roles--hier .role{flex:0 0 84%;min-width:0}
#lectura360 .roles--hier .role:first-child{margin-left:8%}
#lectura360 .roles--hier .role:last-child{margin-right:8%}
.rdots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.rdots i{width:7px;height:7px;border-radius:50%;background:#d9d5f2;transition:background .3s,width .3s}
.rdots i.is-on{background:var(--violet);width:20px;border-radius:99px}
#lectura360 .roles--hier .role__badge--opt{font-size:.87rem;padding:8px 18px}
/* costo: tabla compacta */
#costo .ctb{padding:16px 14px 0}
#costo .ctb__t > *{padding-top:10px;padding-bottom:10px}
#costo .ctb__h{font-size:.56rem;padding-bottom:10px!important}
#costo .ctb__h--b{padding-top:12px!important;margin-top:-12px}
#costo .ctb__lbl b{font-size:.8rem;line-height:1.25}
#costo .ctb__v b{font-size:1.05rem}
#costo .ctb__v span{font-size:.58rem;margin-top:4px;line-height:1.25}
#costo .ctb__lbl--tot,#costo .ctb__v--tot{padding:13px 0 14px!important}
#costo .ctb__v--tot b{font-size:1.35rem}
#costo .ctb__v--b.ctb__v--tot{margin-bottom:14px}
#costo .ctb__foot{gap:8px;margin:0 -14px;padding:14px 14px 16px}
#costo .ctb__big b{font-size:1.8rem}
#costo .ctb__foot p{font-size:.78rem;line-height:1.45}
}
@media (max-width:640px){
#lectura360 .roles--hier .role{align-self:stretch}
#lectura360 .cfgbox{align-items:center}
#lectura360 .cfgbox__i{width:96px;height:96px;margin:0 0 14px}
#lectura360 .cfgbox__i svg{width:38px;height:38px}
#lectura360 .cfgbox > div:last-child{background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0;min-height:0;text-align:center;align-items:center}
}
@media (max-width:640px){
#datos-protegidos .pvg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px}
#datos-protegidos .pv{padding-left:12px;padding-right:12px;min-width:0}
#datos-protegidos .pv .ico svg{width:84px;height:84px}
#datos-protegidos .pv .ico{margin:-2px 0 -6px}
#datos-protegidos .pv b{font-size:.98rem;min-height:2.6em}
#datos-protegidos .pv p{margin-top:10px;font-size:.72rem}
#datos-protegidos .pv p br{content:"";display:block}
}
@media (max-width:640px){#lectura360 .roles--hier .role__badge,#lectura360 .roles--hier .role__badge--opt{font-size:.725rem;padding:6.5px 15px}}
@media (max-width:640px){#lectura360{background:#fff}
#lectura360 .roles--hier .role{background:#f4f4f6!important;box-shadow:none!important;border:0}}
.cfg__m{display:none}
@media (max-width:640px){#lectura360 .cfgbox p{display:none}
#lectura360 .cfgbox p.cfg__m{display:block}
#lectura360 .cross > h3,#lectura360 .cross > p{display:none}}
@media (max-width:640px){#lectura360 .cross{margin-top:36px!important;padding-top:0!important}#lectura360 .cross__p{margin-top:0!important}}
@media (max-width:640px){#datos-protegidos .pv__k{display:none}#datos-protegidos .pv .ico{margin-top:4px}}
@media (max-width:640px){#datos-protegidos .pv{min-height:0;padding:18px 12px 20px;background:#f7f6fc;border-radius:20px}#datos-protegidos .pv .ico svg{width:64px;height:64px}#datos-protegidos .pv .ico{margin:-4px 0 -8px}#datos-protegidos .pv b{min-height:2.5em}#datos-protegidos .pv p{margin-top:6px}}
@media (max-width:640px){#datos-protegidos .pv .ico .ico__g{stroke-width:1}}
@media (max-width:640px){#costo .ctb__h{font-size:10.3px}#costo .ctb__lbl b{font-size:14.1px}#costo .ctb__v b{font-size:18.1px}#costo .ctb__v span{font-size:10.6px}#costo .ctb__v--tot b{font-size:22.9px}}
@media (max-width:640px){#costo .ctb__h--l{align-items:center;text-align:center}}
@media (max-width:640px){#costo .ctb__h--a,#costo .ctb__h--b{white-space:nowrap;letter-spacing:.04em}#costo .ctb__h--a{padding-left:0!important;padding-right:0!important}}
@media (max-width:640px){#costo .ctb__lbl b{font-size:11.4px}}
@media (max-width:640px){#costo .ctb__big b{font-size:22.1px}}
@media (max-width:640px){#costo .ctb__foot,#costo .ctb__foot p,#costo .ctb__big{text-align:center;justify-items:center}}
@media (max-width:640px){#costo .ctb__v,#costo .ctb__lbl{justify-content:flex-start}#costo .ctb__lbl{padding-top:13px!important}#costo .ctb__lbl--tot{padding-top:16px!important}}
@media (max-width:640px){
#planes{overflow:clip}
#planes .plans{display:flex!important;gap:14px;overflow:hidden;margin:0 -20px!important;padding:24px 20px 30px;align-items:stretch}
#planes .plans > .plan{flex:0 0 84%;min-width:0;margin:0!important}
}
@media (max-width:640px){#planes .plans > .plan:first-child{margin-left:8%!important}#planes .plans > .plan:last-child{margin-right:8%!important}}
@media (max-width:640px){
#planes .plans > .plan{padding:24px 18px 20px!important;gap:8px}
#planes .plan h3{font-size:1.25rem}
#planes .plan--hl h3{font-size:1.4rem}
#planes .plan__d{font-size:.78rem;line-height:1.4}
#planes .plan__feat{gap:7px;padding-top:10px!important;margin-top:2px}
#planes .plan__feat b{font-size:.8rem;line-height:1.25}
#planes .plan__feat span{font-size:.68rem;line-height:1.3}
#planes .plan__pr{font-size:.72rem;line-height:1.4;padding:10px 12px}
#planes .plan .btn{padding-top:12px;padding-bottom:12px}
}
@media (max-width:640px){#costo .cost-strip--ev p{font-size:3.28vw;line-height:1.5;white-space:nowrap}}
@media (max-width:640px){
.nw-m{white-space:nowrap}
#planes .plans > .plan,#planes .plans > .plan--hl{background:#fff!important;box-shadow:none!important;text-align:center;align-items:center}
#planes .plans > .plan--pr{order:-2!important;margin-left:8%!important;margin-right:0!important}
#planes .plans > .plan--hl{order:-1!important;margin-left:0!important;margin-right:0!important}
#planes .plans > .plan:not(.plan--hl):not(.plan--pr){order:1!important;margin-left:0!important;margin-right:8%!important}
#planes .plan__feat,#planes .plan--hl .plan__feat{text-align:center;align-self:stretch;align-items:center}
#planes .plan__feat div{padding-left:0;align-items:center}
#planes .plan__feat div::before{display:none}
#planes .plan__pr{text-align:center;align-self:stretch}
#planes .plan .btn{align-self:stretch}
}
.ev__tags .tg-br{display:none}
@media (max-width:640px){
#costo .ev__tags{display:flex!important;flex-wrap:wrap;gap:8px 6px;justify-content:stretch}
#costo .ev__tags li{flex:1 1 auto;justify-content:center;text-align:center;font-size:2.35vw;letter-spacing:.06em;padding-left:8px;padding-right:8px;white-space:nowrap}
#costo .ev__tags .tg-br{display:block;flex:0 0 100%;height:0;padding:0;margin:0;background:none;order:3}
#costo .ev__tags li:nth-child(1){order:4}
#costo .ev__tags li:nth-child(2){order:2}
#costo .ev__tags li:nth-child(4){order:1}
#costo .ev__tags li:nth-child(5){order:5}
#costo .ev__tags li:nth-child(6){order:6}
}
@media (max-width:640px){#costo .ev__tags .tg-br{margin-top:-8px!important}}
@media (max-width:640px){#costo .ev__tags{row-gap:0!important}#costo .ev__tags .tg-br{margin:0!important;height:8px}#costo .ev__tags li{margin:0!important}}
@media (max-width:640px){#costo .ev__t{line-height:1.2}}
@media (max-width:640px){#costo .ev__t{margin-bottom:10px}}
@media (max-width:640px){#costo .ctb__foot{padding-top:42px;padding-bottom:48px}}
@media (max-width:640px){#planes .plan__pr{background:#faf9fe!important}}
@media (max-width:640px){#planes .plan__d,#planes .plan--hl .plan__d{color:var(--violet)!important}}
@media (max-width:640px){#planes .plan__feat{gap:13px}}
@media (max-width:640px){
#planes .plan__feat{gap:0!important;padding-top:2px!important}
#planes .plan__feat div{padding:10px 0 10px!important;border-top:1px solid rgba(10,10,18,.08);gap:1px}
#planes .plan__feat div:first-child{border-top:0}
#planes .plan__feat div::before{display:block!important;content:"";position:static!important;width:16px!important;height:16px!important;border-radius:50%!important;opacity:1!important;margin:0 auto 5px;background:#efedfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a24d6' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8.5'/%3E%3C/svg%3E") center/10px no-repeat!important;box-shadow:inset 0 0 0 1px rgba(58,36,214,.22)}
}
@media (max-width:640px){
#planes .plan__feat div{padding:6px 0!important;gap:0}
#planes .plan__feat div::before{width:13px!important;height:13px!important;margin-bottom:3px;background-size:8px!important}
#planes .plan__feat span{line-height:1.25}
#planes .plan__d{font-size:.74rem;line-height:1.35}
#planes .plans > .plan{padding-top:20px!important;gap:6px}
}
@media (max-width:640px){#planes .plans{padding-bottom:12px!important}}
@media (max-width:640px) and (min-height:800px){
#planes .plans > .plan{padding:28px 20px 24px!important;gap:10px}
#planes .plan__d{font-size:.78rem;line-height:1.45}
#planes .plan__feat{padding-top:4px!important}
#planes .plan__feat div{padding:9px 0!important}
#planes .plan__feat div::before{width:15px!important;height:15px!important;margin-bottom:5px;background-size:9px!important}
#planes .plan .btn{margin-top:14px}
}
@media (max-width:640px){#main .cta-end h2{font-size:21px!important;margin-bottom:16px}.cta-end__ico{margin-bottom:10px}.cta-end p{font-size:14px;color:#0d0c1e}}
@media (max-width:640px){#planes .plans > .plan h3 + .plan__d{margin-top:auto!important}#planes .plans > .plan .btn{margin-top:auto!important}#planes .plans > .plan .plan__feat + *:not(.btn),#planes .plans > .plan .plan__feat{margin-bottom:0}#planes .plans > .plan .btn{position:relative}#planes .plans > .plan > :nth-last-child(2){margin-bottom:14px}}
@media (max-width:640px){#planes .plan__feat div{align-self:stretch}}
@media (max-width:640px){#planes .plans > .plan h3 + .plan__d{margin-top:0!important}#planes .plans > .plan .plan__d + .plan__feat{margin-top:auto!important}#planes .plans > .plan .plan__d{min-height:4.1em}#planes .plans > .plan h3,#planes .plans > .plan.plan--hl h3{font-size:1.32rem!important;line-height:1.2}#planes .plans > .plan .plan__k{display:block;line-height:1.4}}
.plan__badge--ad{display:none}@media (max-width:640px){#planes .plan__badge--ad{display:inline-block}}
@media (max-width:640px){#planes .plans > .plan .plan__d{min-height:5.8em;min-height:4lh;padding-bottom:14px;border-bottom:1px solid rgba(10,10,18,.1);box-sizing:content-box;align-self:stretch}#planes .plan__feat,#planes .plan--hl .plan__feat{border-top:0!important}}
@media (max-width:640px){#planes .plans > .plan .plan__d{padding-bottom:10px}#planes .plans{padding-top:18px!important}}
@media (max-width:640px){.m-hide{display:none!important}}
@media (max-width:640px){.cta-end p{font-weight:600}}
@media (max-width:640px){.cta-end p{font-weight:400}.cta-end p .ce__q{font-weight:600}}
@media (max-width:640px){.cta-end__btn,.cta-end__btn:hover{background:linear-gradient(90deg,#3a24d6 0%,#5a6cf0 45%,#7fd4a8 100%);color:#fff;border:0;box-shadow:0 10px 28px -10px rgba(58,36,214,.55);font-size:.6rem;padding:14px 32px;gap:10px;backdrop-filter:none}}
@media (max-width:640px){
.foot .wrap{padding-top:52px}
.foot__grid{gap:36px!important;text-align:center}
.foot__brand{display:flex;flex-direction:column;align-items:center}
.foot .foot__brand svg{width:118px}
.foot p.foot__tag{margin-top:12px;font-size:.56rem;letter-spacing:.28em}
.foot p.foot__h{font-size:.6rem;letter-spacing:.26em;margin-bottom:16px}
.foot__nav{grid-template-columns:1fr 1fr;gap:13px 12px;max-width:320px;margin:0 auto}
.foot__nav a{font-size:.58rem;letter-spacing:.16em;line-height:1.4}
.foot__addr{font-size:13.5px;line-height:1.65;letter-spacing:.01em}
.foot__mail{margin-top:10px;font-size:13.5px;letter-spacing:.02em;border-bottom:1px solid rgba(13,12,30,.2);padding-bottom:2px}
.foot__bar{align-items:center;text-align:center;gap:6px;margin-top:40px;padding:20px 0 24px;font-size:.52rem;letter-spacing:.2em}
.foot__pw{padding:22px 16px 26px;gap:14px 28px}
.foot__pwt{font-family:var(--mono);text-transform:uppercase;font-size:.56rem!important;letter-spacing:.26em;color:#8a8b9a;font-weight:400}
}
@media (max-width:640px){#costo .cost-strip--ev{display:none!important}}
@media (max-width:640px){
.foot__col:has(.foot__nav){text-align:left;max-width:320px;margin:0 auto;width:100%}
.foot__nav{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;justify-items:start;max-width:none}
.foot__nav li.fn-ab{display:list-item;order:1}
.foot__nav .fn-te{order:2}.foot__nav .fn-cf{order:3}.foot__nav .fn-mas{order:4}
.foot__nav .fn-fa{order:5}.foot__nav .fn-mc{order:6}.foot__nav .fn-al{order:7}.foot__nav .fn-dr{order:8}
.foot__nav .fn-pl{display:none}
}
@media (max-width:640px){.foot__grid > .foot__col{text-align:left;max-width:320px;margin:0 auto;width:100%}}
@media (max-width:640px){#planes .plan .btn[data-mode]{background:var(--violet)!important;color:#fff!important;border-color:var(--violet)!important;box-shadow:none}}
@media (max-width:640px){#screening{background:linear-gradient(180deg,#fff 0%,#f1f3fe 22%,#dfe5fe 46%,#ccd8fd 66%,#ccd8fd 100%)!important}}
.topnav__ed{display:none}
@media (max-width:640px){
.topnav__in{justify-content:center!important}
.topnav__cta{margin:0 auto!important}
.topnav__logo{flex-direction:column;align-items:center}
.topnav__ed{display:block;font-family:var(--display);font-weight:400;font-size:.52rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink);margin:4px -.34em 0 0;line-height:1}
.topnav.is-stuck .topnav__logo{max-height:40px}
}
.topnav__logo,.topnav__logo:hover,.topnav__ed{text-decoration:none!important}@media (max-width:640px){#lectura360 .roles--hier .role{background:#f7f6fb!important}}
@media (max-width:640px){.topnav:not(.is-stuck) .topnav__cta{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.topnav__cta{transition:opacity .25s,max-height .25s,padding .25s;max-height:44px}}
.topnav__act{display:contents}
.topnav__burger,.mnav{display:none}
@media (max-width:640px){
.topnav__logo svg{height:auto!important;width:150px}
.topnav.is-stuck .topnav__logo{max-height:48px}
.topnav__act{display:flex;align-items:center;justify-content:space-between;width:150px;margin:0 auto;flex:0 0 auto;transition:opacity .25s,max-height .25s;max-height:44px}
.topnav:not(.is-stuck) .topnav__act{opacity:0;pointer-events:none;max-height:0;overflow:hidden}
.topnav:not(.is-stuck) .topnav__cta{opacity:1;max-height:none;padding:8px 13px}
.topnav__act .topnav__cta{margin:0!important;font-size:.56rem;padding:8px 13px;letter-spacing:.14em}
.topnav__burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:22px;height:30px;padding:0;border:0;background:none;cursor:pointer}
.topnav__burger span{display:block;height:1.6px;width:100%;background:#0d0c1e;border-radius:2px;transition:transform .25s,opacity .25s}
.topnav.is-menu .topnav__burger span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.topnav.is-menu .topnav__burger span:nth-child(2){opacity:0}
.topnav.is-menu .topnav__burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
.mnav{display:block;position:absolute;left:0;right:0;top:100%;background:rgba(255,255,255,.98);box-shadow:0 18px 30px -20px rgba(42,30,140,.3);border-top:1px solid #ececf3;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s}
.mnav[hidden]{display:none}
.mnav.is-on{opacity:1;transform:none}
.mnav ul{list-style:none;margin:0;padding:14px 0 18px;display:flex;flex-direction:column;align-items:center}
.mnav a{display:block;padding:11px 16px;font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#0d0c1e;text-decoration:none}
.mnav a:active{color:var(--violet)}
}
@media (max-width:640px){.mnav{background:#fff}.topnav__act .topnav__cta{padding:8px 11px;letter-spacing:.12em}}
@media (min-width:641px){
.foot__nav{grid-template-columns:auto auto;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:44px;justify-content:start}
.foot__nav li.fn-ab{display:list-item;order:1}
.foot__nav .fn-te{order:2}.foot__nav .fn-cf{order:3}.foot__nav .fn-mas{order:4}
.foot__nav .fn-fa{order:5}.foot__nav .fn-mc{order:6}.foot__nav .fn-al{order:7}.foot__nav .fn-dr{order:8}
.foot__nav .fn-pl{display:none}
}
@media (min-width:641px){.foot__nav a{white-space:nowrap}.foot__nav{column-gap:40px}}@media (min-width:861px){.foot__grid{grid-template-columns:1fr 1.35fr 1fr}}
@media (min-width:641px){#datos-protegidos .pv__k{display:none}#datos-protegidos .pv{min-height:0;padding-top:30px;padding-bottom:30px;background:#f8f8fc}#datos-protegidos .pv .ico{margin-top:-10px}}
@media (max-width:640px){
.mnav{position:fixed!important;inset:0!important;top:0!important;z-index:80;background:#fff!important;box-shadow:none!important;border:0!important;display:flex!important;flex-direction:column;padding:calc(18px + env(safe-area-inset-top,0px)) 24px calc(26px + env(safe-area-inset-bottom,0px));overflow-y:auto;transform:translateY(-8px)}
.mnav[hidden]{display:none!important}
.mnav.is-on{transform:none}
html.mnav-open,html.mnav-open body{overflow:hidden}
.mnav__top{position:relative;display:flex;justify-content:center;align-items:center;min-height:52px}
.mnav__logo{display:flex;flex-direction:column;align-items:center;text-decoration:none!important;color:#0d0c1e}
.mnav__logo svg{width:150px;height:auto;fill:#0d0c1e}
.mnav__logo span{font-family:var(--display);font-size:.52rem;letter-spacing:.34em;text-transform:uppercase;margin:4px -.34em 0 0;line-height:1}
.mnav__x{position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:none;padding:0;cursor:pointer}
.mnav__x span{position:absolute;left:4px;right:4px;top:50%;height:1.6px;background:#0d0c1e;border-radius:2px}
.mnav__x span:first-child{transform:rotate(45deg)}.mnav__x span:last-child{transform:rotate(-45deg)}
.mnav ul.mnav__l{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:24px 0}
.mnav ul.mnav__l a{font-family:var(--display);font-size:1.22rem;font-weight:400;letter-spacing:0;text-transform:none;color:#0d0c1e;padding:9px 12px;text-align:center}
.mnav ul.mnav__l a:active{color:var(--violet)}
.mnav__ft{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:8px}
.mnav a.mnav__cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-decoration:none;padding:15px 34px;border-radius:99px;background:linear-gradient(90deg,#3a24d6 0%,#5a6cf0 45%,#7fd4a8 100%);box-shadow:0 10px 28px -10px rgba(58,36,214,.55)}
.mnav a.mnav__back{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#6b6c80;text-decoration:none;padding:6px 10px}
}
@media (max-width:640px){.mnav a.mnav__logo{display:flex;flex-direction:column;align-items:center;padding:0;font-size:inherit;letter-spacing:0}}
@media (max-width:640px){
.mnav{padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.mnav ul.mnav__l{flex:1;justify-content:center;align-items:stretch;gap:0;padding:14px 0;width:100%;max-width:320px;margin:0 auto}
.mnav ul.mnav__l li{border-top:1px solid #ececf3}
.mnav ul.mnav__l li:last-child{border-bottom:1px solid #ececf3}
.mnav ul.mnav__l a{font-size:clamp(.88rem,2.4svh,1rem);padding:clamp(9px,1.45svh,14px) 8px;white-space:nowrap}
.mnav__ft{gap:10px;padding-top:4px;width:100%;max-width:320px;margin:0 auto}
.mnav a.mnav__cta,.mnav a.mnav__back{width:100%;justify-content:center;box-sizing:border-box;padding:14px 20px;font-size:.66rem}
.mnav a.mnav__back{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(13,12,30,.28);border-radius:99px;background:none;color:#0d0c1e;font-weight:600;letter-spacing:.2em}
}
.topnav__back{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#0d0c1e;text-decoration:none;padding:9px 16px;border:1px solid rgba(13,12,30,.28);border-radius:99px;white-space:nowrap;transition:border-color .2s,color .2s}
.topnav__back:hover{border-color:var(--violet);color:var(--violet)}
.topnav__back span{margin-right:4px}
@media (max-width:640px){.topnav__back{display:none}}
@media (min-width:641px){.topnav__links,.topnav__cta,.topnav__back{transition:opacity .25s}.topnav:not(.is-stuck) .topnav__links,.topnav:not(.is-stuck) .topnav__cta,.topnav:not(.is-stuck) .topnav__back{opacity:0;pointer-events:none;visibility:hidden}}
@media (min-width:641px){.topnav__logo{flex-direction:column;align-items:center}.topnav__ed{display:block;font-family:var(--display);font-weight:400;font-size:.5rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink);margin:4px -.34em 0 0;line-height:1}.topnav.is-stuck .topnav__logo{max-height:40px}}