:root{--bg:#F5F6F4;--surface:#FFFFFF;--ink:#15191C;--muted:#5C6469;--rule:#DCE0DE;--focus:#3A6EA5;
 --sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
 --serif:"Newsreader",Georgia,serif;--ui:"Inter",system-ui,sans-serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#121517;--surface:#1A1E21;--ink:#E7EAE8;--muted:#9AA3A7;--rule:#2C3236}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#121517;--surface:#1A1E21;--ink:#E7EAE8;--muted:#9AA3A7;--rule:#2C3236}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);padding-inline:20px;padding-block:48px 80px}
.wrap{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:64px}
h1,h2,h3{margin:0;font-weight:600;text-wrap:balance;line-height:1.2}
h1{font-size:30px;letter-spacing:-.01em}h2{font-size:22px}h3{font-size:15px}
p{margin:0;max-width:66ch}
a{color:inherit}
.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.intro{display:flex;flex-direction:column;gap:14px}.intro p,.sub{color:var(--muted)}
.sec{display:flex;flex-direction:column;gap:22px;border-top:1px solid var(--rule);padding-top:28px}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:baseline}
dl{margin:0;display:flex;flex-direction:column;gap:12px}
.row{display:grid;grid-template-columns:130px 1fr;gap:12px}
@media (max-width:480px){.row{grid-template-columns:1fr;gap:2px}}
.row dt{font:500 11px/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.row dd{margin:0}
.swg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.sw{display:flex;flex-direction:column;gap:5px;font-size:13px}
.sw i{display:block;height:58px;border-radius:5px;border:1px solid var(--rule)}
.sw b{font-weight:600}.sw span{font:11px/1.4 var(--mono);color:var(--muted)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:820px){.g3{grid-template-columns:1fr}}
@media (max-width:620px){.g2{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;gap:10px}.card p{font-size:14px;color:var(--muted)}
.tag{font:500 11px/1 var(--mono);padding:4px 6px;border:1px solid var(--ink);border-radius:3px;align-self:flex-start}
.tile{border-radius:8px;display:flex;align-items:center;justify-content:center;padding:22px;min-height:170px;border:1px solid var(--rule)}
.lock{display:inline-flex;align-items:center;gap:.42em;white-space:nowrap}
.lock svg{width:1.5em;height:1.5em;flex:none}
.wm{font:500 1em/1 "Onest",sans-serif;letter-spacing:-.02em}
/* tipografía */
.spec{background:#F8F8F5;color:#151613;border:1px solid #DCDFDF;border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:12px}
.spec .t{font-size:34px;line-height:1.08;letter-spacing:-.01em;font-weight:400}
.spec .u{font:500 15px/1.4 var(--ui);letter-spacing:-.005em}
.spec .b{font:400 14px/1.55 var(--ui);color:#5E5F5A}
.spec .n{font:500 22px/1.2 var(--ui);font-feature-settings:"tnum" 1,"cv11" 1;letter-spacing:-.01em}
.spec .n small{font-size:12px;color:#5E5F5A;font-weight:400;margin-left:6px}
.f-news{font-family:"Newsreader",Georgia,serif;font-optical-sizing:auto}
.f-fra{font-family:"Fraunces",Georgia,serif;font-variation-settings:"SOFT" 0,"WONK" 0}
/* texturas */
.stage{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;max-width:100%;width:100%}
.stage .tex{position:absolute;inset:0;width:100%;height:100%}
.stage .inner{position:absolute;inset:9% 8% -4% 8%;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.mini{position:absolute;inset:14% 14% 14% 14%;background:#FFFFFF;border-radius:10px;box-shadow:0 20px 50px -18px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden}
.mini .mh{height:36%;background:radial-gradient(120% 140% at 50% 0%,#DCE3E4 0%,#EDF1F2 55%,#F8F8F5 100%);padding:6% 7%;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.mini .mh b{font:400 clamp(14px,2.2vw,22px)/1 var(--serif);color:#151613}
.mini .mh span{font:400 10px/1 var(--ui);color:#5E5F5A}
.mini .mb{flex:1;padding:5% 7%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4%}
.mini .mb i{background:#F4F2EE;border-radius:6px}
/* app v2 */
.appwrap{overflow-x:auto;border-radius:12px}
.app{min-width:860px;background:#F8F8F5;color:#151613;font:13px/1.45 var(--ui);font-feature-settings:"cv11" 1;display:grid;grid-template-columns:200px 1fr;border:1px solid #DCDFDF;border-radius:12px;overflow:hidden}
.app aside{background:#F8F8F5;border-right:1px solid #E6E8E6;padding:16px 12px;display:flex;flex-direction:column;gap:22px}
.app aside .lock{font-size:17px;color:#151613}
.app nav{display:flex;flex-direction:column;gap:2px}
.app nav span{padding:7px 10px;border-radius:7px;color:#5E5F5A;display:flex;justify-content:space-between}
.app nav span.on{background:#FFFFFF;color:#151613;font-weight:500;box-shadow:0 0 0 1px #E3E5E3}
.app nav em{font-style:normal;font-size:11px;color:#8E8F89;font-feature-settings:"tnum" 1}
.app .amain{background:#FFFFFF;display:flex;flex-direction:column}
.app .hd{background:radial-gradient(90% 180% at 55% -20%,#D6DEE0 0%,#E6EBEC 45%,#F8F8F5 100%);padding:22px 26px 0;display:flex;flex-direction:column;gap:14px;border-bottom:1px solid #E6E8E6}
.app .top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.app .kick{font-size:11.5px;color:#5E5F5A}
.app h5{margin:2px 0 0;font:400 28px/1.1 var(--serif);letter-spacing:-.01em}
.app .ext{font-size:11px;color:#5E5F5A;background:#FFFFFFB3;border:1px solid #DCDFDF;border-radius:5px;padding:2px 6px;margin-left:8px;vertical-align:5px}
.app .btn{font:500 12.5px/1 var(--ui);background:#151613;color:#FFFFFF;border:0;border-radius:7px;padding:9px 13px;cursor:pointer}
.app .btn2{font:500 12.5px/1 var(--ui);background:#FFFFFF;color:#151613;border:1px solid #DCDFDF;border-radius:7px;padding:8px 12px;margin-right:6px;cursor:pointer}
.app .tabs2{display:flex;gap:4px;padding-bottom:10px}
.app .tabs2 span{padding:6px 11px;border-radius:7px;color:#5E5F5A}
.app .tabs2 span.on{background:#FFFFFF;color:#151613;font-weight:500;box-shadow:0 1px 2px rgba(21,22,19,.06)}
.app .body{display:grid;grid-template-columns:1fr 280px;gap:18px;padding:20px 26px 24px}
.app .col{display:flex;flex-direction:column;gap:16px}
.app .blk h6{margin:0;font:400 19px/1.2 var(--serif)}
.app .blk .d{color:#5E5F5A;font-size:12px}
.app .bh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.app .bh a{font-size:12px;color:#151613;text-decoration:none}
.app .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.app .c{background:#F4F2EE;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:14px;min-height:108px}
.app .c .ic{width:22px;height:22px;border-radius:6px;background:#FFFFFF;border:1px solid #E3E1DC;display:grid;place-items:center;font-size:11px;color:#3A3B37}
.app .c b{font-weight:500;display:block}
.app .c span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#5E5F5A;font-feature-settings:"tnum" 1}
.app .metric{border:1px solid #E6E8E6;border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end}
.app .big{font:400 34px/1 var(--serif);letter-spacing:-.01em}
.app .big small{font:500 12px var(--ui);color:#2F6B3F;margin-left:6px}
.app .big + div{font-size:11.5px;color:#5E5F5A}
.app .hist{border:1px solid #E6E8E6;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.app .it{display:grid;grid-template-columns:22px 1fr;gap:8px}
.app .it i{width:22px;height:22px;border-radius:50%;border:1px solid #DCDFDF;display:grid;place-items:center;font-size:10px;font-style:normal;color:#3A3B37}
.app .it b{font-weight:500;display:block;font-size:12.5px}
.app .it span{font-size:11.5px;color:#5E5F5A}
.pill{display:inline-flex;align-items:center;gap:5px;font:500 11px/1 var(--ui);padding:4px 7px;border-radius:5px}
.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.pill.rv{background:#FBEBC8;color:#8A5A0B}.pill.ok{background:#E7F0E6;color:#2F6B3F}.pill.er{background:#F8E6E2;color:#A3362A}
.app table{width:100%;border-collapse:collapse;font:inherit;color:#151613}
.app th{text-align:left;font:500 11px/1 var(--ui);color:#8E8F89;padding:8px 10px;border-bottom:1px solid #E6E8E6}
.app td{padding:10px;border-bottom:1px solid #EFF0EE;white-space:nowrap}
.app .n{text-align:right;font-feature-settings:"tnum" 1}
/* web hero */
.web{border-radius:12px;overflow:hidden;border:1px solid #DCDFDF;background:#F8F8F5;color:#151613;font-family:var(--ui)}
.web .nav{display:flex;justify-content:space-between;align-items:center;padding:14px 26px;font-size:12.5px}
.web .nav .lock{font-size:16px}
.web .nav .links{display:flex;gap:20px;color:#3A3B37}
.web .hero{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding:40px 26px 30px;align-items:end}
.web h4{margin:0;font:400 clamp(30px,5vw,52px)/1.02 var(--serif);letter-spacing:-.015em}
.web .hero p{font-size:14px;color:#3A3B37;max-width:40ch;margin-bottom:14px}
.web .dark{background:#0E0F0D;color:#EEEFEC;padding:34px 26px;display:flex;flex-direction:column;gap:6px}
.web .dark h4{font-size:clamp(24px,3.5vw,36px)}
.web .dark p{color:#A3A59F;font-size:14px}
@media (max-width:620px){.web .hero{grid-template-columns:1fr}.web .nav .links{display:none}}
.next ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;max-width:70ch}.next{display:flex;flex-direction:column;gap:12px}
.hero-stage{aspect-ratio:auto;padding:44px 5% 0}
.hero-stage .shot{position:relative;overflow:hidden;border-radius:12px 12px 0 0;max-height:400px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6)}
.hero-stage .zoom .app{border:0;border-radius:0}
.rrow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
@media (max-width:820px){.rrow{grid-template-columns:repeat(6,minmax(0,1fr))}}
.ramp{display:flex;flex-direction:column;gap:8px}
.rc{display:flex;flex-direction:column;gap:3px;font:10.5px/1.3 var(--mono);color:var(--muted)}
.rc i{display:block;height:48px;border-radius:4px;border:1px solid var(--rule)}.rc b{color:var(--ink);font-weight:500}
.tw{overflow-x:auto}
.st{width:100%;border-collapse:collapse;min-width:780px;font-size:13px}
.st th,.st td{text-align:left;padding:10px 10px 10px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
.st thead th{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.st tbody th b{display:block;font-weight:600}.st tbody th span{font-size:12px;color:var(--muted);font-weight:400}
.st code{font:11px var(--mono);color:var(--muted)}
.sq{display:inline-block;width:18px;height:18px;border-radius:4px;border:1px solid var(--rule);vertical-align:-4px;margin-right:6px}
.cr{font:12px var(--mono);color:var(--muted)}
.dm{border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:12px;font:13px/1.45 var(--ui)}
.dm.lt{background:#FFFFFF;border:1px solid #DCDFDF;color:#151613;
 --okb:#EAF3EC;--okt:#236140;--okd:#2E7A4B;--rvb:#FBF1D9;--rvt:#7D5A06;--rvd:#B98A12;--wnb:#FDF0E4;--wnt:#9C4B12;--wnd:#C9651C;--erb:#FBEBE8;--ert:#9F3222;--erd:#C2412D;--inb:#EAF0F8;--int:#244B82;--ind:#2F5FA3;--aib:#F0EDF8;--ait:#54428F;--aid:#6A55B0;--mut:#5E5F5A;--b1:#151613;--b1t:#FFFFFF;--b2:#FFFFFF;--b2b:#DCDFDF;--lk:#244B82}
.dm.dk{background:#0E0F0D;border:1px solid #0E0F0D;color:#EEEFEC;
 --okb:rgba(127,199,154,.12);--okt:#7FC79A;--okd:#7FC79A;--rvb:rgba(230,194,90,.12);--rvt:#E6C25A;--rvd:#E6C25A;--wnb:rgba(240,164,97,.12);--wnt:#F0A461;--wnd:#F0A461;--erb:rgba(240,138,120,.12);--ert:#F08A78;--erd:#F08A78;--inb:rgba(143,179,232,.12);--int:#8FB3E8;--ind:#8FB3E8;--aib:rgba(178,163,232,.12);--ait:#B2A3E8;--aid:#B2A3E8;--mut:#A3A59F;--b1:#EEEFEC;--b1t:#0E0F0D;--b2:#1A1B18;--b2b:#30332F;--lk:#8FB3E8}
.bdg{display:flex;flex-wrap:wrap;gap:6px}
.dm .pill.ok{background:var(--okb);color:var(--okt)}.dm .pill.rv{background:var(--rvb);color:var(--rvt)}.dm .pill.wn{background:var(--wnb);color:var(--wnt)}.dm .pill.er{background:var(--erb);color:var(--ert)}.dm .pill.in{background:var(--inb);color:var(--int)}.dm .pill.ai{background:var(--aib);color:var(--ait)}
.al{border-radius:8px;padding:10px 12px;border-left:3px solid;font-size:12.5px}
.al b{font-weight:600}
.al.in{background:var(--inb);border-color:var(--ind);color:var(--int)}.al.wn{background:var(--wnb);border-color:var(--wnd);color:var(--wnt)}.al.er{background:var(--erb);border-color:var(--erd);color:var(--ert)}
.fig{display:flex;align-items:baseline;gap:12px}.fig span{color:var(--mut);font-size:12px}.fig b{font:500 15px var(--ui);font-feature-settings:"tnum" 1}
.fig .up{color:var(--okt)}.fig .dn{color:var(--ert)}
.bts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bts button{font:500 12.5px/1 var(--ui);border-radius:7px;padding:9px 13px;cursor:pointer}
.bts .b1{background:var(--b1);color:var(--b1t);border:0}.bts .b2{background:var(--b2);color:inherit;border:1px solid var(--b2b)}.bts .b3{background:var(--erd);color:#FFFFFF;border:0}
.dm.dk .bts .b3{color:#0E0F0D}
.lk{color:var(--lk);font-size:12.5px;text-underline-offset:3px}
.dv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:760px){.dv{grid-template-columns:1fr}}
.dv > div{display:flex;flex-direction:column;gap:8px}.dv p{font-size:13px;color:var(--muted)}
.dv .chips{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.dv .chips i{height:32px;border-radius:4px}
.dv .grad{height:32px;border-radius:4px}
.spec.big{gap:18px;padding:26px}
.tl{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:baseline}
@media (max-width:620px){.tl{grid-template-columns:1fr;gap:4px}}
.tl .lbl{font:500 10.5px/1.4 var(--mono);letter-spacing:.04em;color:#5E5F5A}
/* texturas: ventanas */
.stage{aspect-ratio:16/10}
.mini{position:absolute;left:12%;right:12%;top:15%;bottom:0;inset:auto;left:12%;right:12%;top:15%;bottom:0;border-radius:10px 10px 0 0;background:#FFFFFF;box-shadow:0 20px 50px -18px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden}
.mini .mh{height:auto;padding:14px 16px 12px;gap:3px;justify-content:flex-start;background:radial-gradient(120% 160% at 50% 0%,#DCE3E4 0%,#EDF1F2 60%,#F8F8F5 100%);border-bottom:1px solid #E6E8E6}
.mini .mh span{font:500 10px/1.2 var(--ui);color:#5E5F5A}
.mini .mh b{font:400 17px/1.15 var(--serif);color:#151613}
.mini .mb{flex:1;padding:12px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}
.mini .mb i{background:#F4F2EE;border-radius:6px;height:54px;padding:9px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px}
.mini .mb em{display:block;height:5px;border-radius:3px;background:#DCDFDF}
.mini .mb em:first-child{width:70%;background:#C7CACA}.mini .mb em:last-child{width:45%}
.stage.hero-stage{aspect-ratio:auto}
.hero-stage .app{min-width:0}
.hero-stage .app .body{grid-template-columns:1fr}
.hero-stage .hist{display:none}
.mini::after{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:30%;background:repeating-linear-gradient(to bottom,transparent 0 13px,#EFF0EE 13px 14px)}
/* estados en app con nueva paleta */
.pill.rv{background:#FBF1D9;color:#7D5A06}.pill.ok{background:#EAF3EC;color:#236140}.pill.er{background:#FBEBE8;color:#9F3222}
.app .big small{color:#236140}
.cx{border-radius:12px;overflow:hidden;font:13px/1.45 var(--ui);font-feature-settings:"cv11" 1}
.cx.lt{background:#FFFFFF;border:1px solid #DCDFDF;color:#151613;--mut:#5E5F5A;--mut2:#8E8F89;--bd:#E6E8E6;--row:#EFF0EE;--sel:#F4F6F6;--card:#FFFFFF;--hd:radial-gradient(90% 200% at 60% -40%,#DCE3E4 0%,#EEF1F2 50%,#FFFFFF 100%);
 --pb:#151613;--pt:#FFFFFF;--sb:#FFFFFF;--sbd:#DCDFDF;--up:#236140;--dn:#9F3222;--dz:#9F3222;--wn:#C9651C;--wnb:#FDF0E4;
 --okb:#EAF3EC;--okt:#236140;--rvb:#FBF1D9;--rvt:#7D5A06;--erb:#FBEBE8;--ert:#9F3222;--aib:#F0EDF8;--ait:#54428F}
.cx.dk{background:#151613;border:1px solid #22231F;color:#EEEFEC;--mut:#A3A59F;--mut2:#7C7E78;--bd:#262723;--row:#1E1F1B;--sel:#1C1E1C;--card:#1A1B18;--hd:radial-gradient(90% 200% at 60% -40%,#252B2C 0%,#1A1C1A 55%,#151613 100%);
 --pb:#EEEFEC;--pt:#0E0F0D;--sb:#1A1B18;--sbd:#30332F;--up:#7FC79A;--dn:#F08A78;--dz:#F08A78;--wn:#F0A461;--wnb:rgba(240,164,97,.14);
 --okb:rgba(127,199,154,.12);--okt:#7FC79A;--rvb:rgba(230,194,90,.12);--rvt:#E6C25A;--erb:rgba(240,138,120,.12);--ert:#F08A78;--aib:rgba(178,163,232,.12);--ait:#B2A3E8}
.cx-h{background:var(--hd);padding:20px 22px 16px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--bd)}
.cx-k{font-size:11.5px;color:var(--mut)}
.cx h6{margin:3px 0 0;font:400 24px/1.15 var(--serif);letter-spacing:-.01em}
.cx-m{font-size:12px;color:var(--mut)}
.note{margin:16px 22px 4px;display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:12px 14px}
.note b{display:block;font-weight:500}.note span{color:var(--mut);font-size:12.5px}
.note a{font-size:12.5px;color:inherit;text-underline-offset:3px;white-space:nowrap}
.ni{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.ni.wn{background:var(--wnb);color:var(--wn)}
.ni svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cx-t{padding:8px 22px 4px;overflow-x:auto}
.cx-t .r{display:grid;grid-template-columns:1.1fr 1.4fr .8fr .8fr 1.1fr;gap:12px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--row);min-width:600px}
.cx-t .r:last-child{border-bottom:0}
.cx-t .th{font:500 11px/1 var(--ui);color:var(--mut2);padding-top:6px;padding-bottom:8px}
.cx-t .r.sel{background:var(--sel);border-radius:8px}
.cx-t b{font-weight:500}
.cx-t .n{text-align:right;font-feature-settings:"tnum" 1}
.cx-t .up{color:var(--up)}.cx-t .dn{color:var(--dn)}.cx-t .mu{color:var(--mut2)}
.cx .pill{font-weight:500;font-size:11px;padding:3px 7px}
.cx .pill.ok{background:var(--okb);color:var(--okt)}.cx .pill.rv{background:var(--rvb);color:var(--rvt)}.cx .pill.er{background:var(--erb);color:var(--ert)}.cx .pill.ai{background:var(--aib);color:var(--ait)}
.cx-f{display:flex;align-items:center;gap:8px;padding:14px 22px 18px;border-top:1px solid var(--bd);margin-top:8px}
.cx-f .sp{flex:1}
.bt{font:500 12.5px/1 var(--ui);border-radius:7px;padding:9px 13px;cursor:pointer;border:1px solid transparent}
.bt.pri{background:var(--pb);color:var(--pt)}
.bt.sec{background:var(--sb);color:inherit;border-color:var(--sbd)}
.bt.dz{background:transparent;color:var(--dz);padding-left:0}
.bt:focus-visible{outline:2px solid #2F5FA3;outline-offset:2px}
.cxrules{align-items:start}
.dlg-wrap{background:#E9EBEA;border-radius:12px;padding:28px;display:flex;justify-content:center}
.dlg{background:#FFFFFF;border-radius:12px;box-shadow:0 20px 40px -16px rgba(14,15,13,.3);padding:20px;max-width:360px;font:13px/1.5 var(--ui);color:#151613;display:flex;flex-direction:column;gap:10px}
.dlg h6{margin:0;font:400 20px/1.2 var(--serif)}
.dlg p{color:#5E5F5A;margin:0}
.dlg .bt.sec{--sb:#FFFFFF;--sbd:#DCDFDF;background:#FFFFFF;border-color:#DCDFDF;color:#151613}
.bt.danger{background:#C2412D;color:#FFFFFF}

/* componentes v3 */
.cx{border-radius:12px;overflow:visible;position:relative}
.cx.lt{--t1:#151613;--t2:#5E5F5A;--t3:#8E8F89;--bd:#E6E8E6;--row:#EFF0EE;--sel:#F6F7F5;--rise:#FFFFFF;--rbd:#E3E5E3;--chip:#F4F2EE;--chipt:#3A3B37;--seg:#F1F2F0;--segon:#FFFFFF;
 --dok:#2E7A4B;--drv:#B98A12;--der:#C2412D;--dai:#6A55B0;--up:#236140;--dn:#9F3222;--wn:#C9651C;--wnb:#FDF0E4;--pb:#151613;--pt:#FFFFFF;--sbd:#DCDFDF;--kbd:rgba(255,255,255,.18);--dz:#9F3222;
 --hd:radial-gradient(90% 200% at 60% -40%,#DCE3E4 0%,#EEF1F2 50%,#FFFFFF 100%);background:#FFFFFF;border:1px solid #DCDFDF;color:var(--t1)}
.cx.dk{--t1:#ECEDE9;--t2:#A1A39D;--t3:#6F716B;--bd:rgba(255,255,255,.08);--row:rgba(255,255,255,.055);--sel:rgba(255,255,255,.04);--rise:#1A1B18;--rbd:rgba(255,255,255,.09);--chip:rgba(255,255,255,.06);--chipt:#C9CBC5;--seg:rgba(255,255,255,.05);--segon:rgba(255,255,255,.1);
 --dok:#6FB58A;--drv:#D9B458;--der:#E07A6A;--dai:#A898E0;--up:#7DBF94;--dn:#E88B7B;--wn:#E3A06A;--wnb:rgba(227,160,106,.12);--pb:#ECEDE9;--pt:#121311;--sbd:rgba(255,255,255,.12);--kbd:rgba(18,19,17,.18);--dz:#E88B7B;
 --hd:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,0) 100%);background:#121311;border:1px solid #1F201D;color:var(--t1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.cx-h{background:var(--hd);border-radius:12px 12px 0 0;padding:20px 22px 16px;border-bottom:1px solid var(--bd)}
.cx-hr{display:flex;align-items:center;gap:12px}
.cx-k{color:var(--t2)}.cx-m{color:var(--t2)}
.avs{display:flex}.avs .av{margin-left:-4px;box-shadow:0 0 0 2px var(--rise)}.avs .av:first-child{margin-left:0}
.cx.dk .avs .av{box-shadow:0 0 0 2px #121311}
.av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--chip);color:var(--t2);font:500 9.5px/1 var(--ui);letter-spacing:.02em}
.tb{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px 0;flex-wrap:wrap}
.seg{display:inline-flex;background:var(--seg);border-radius:8px;padding:3px;gap:2px}
.seg span{padding:5px 10px;border-radius:6px;color:var(--t2);font-size:12.5px}
.seg span.on{background:var(--segon);color:var(--t1);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.seg em{font-style:normal;color:var(--t3);margin-left:4px;font-feature-settings:"tnum" 1}
.srch{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sbd);border-radius:8px;padding:6px 8px 6px 10px;color:var(--t3);font-size:12.5px;min-width:240px}
.srch span{flex:1}
.srch svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.6}
kbd{font:500 10.5px/1 var(--ui);border:1px solid var(--sbd);border-radius:4px;padding:2px 5px;color:var(--t3)}
.note{margin:14px 22px 4px;background:var(--rise);border:1px solid var(--rbd)}
.note b{font-weight:500;color:var(--t1)}.note span{color:var(--t2)}.note a{color:var(--t1)}
.ni{background:var(--wnb);color:var(--wn)}
.cx-t{padding:6px 22px 2px;overflow-x:auto;overflow-y:visible}
.cx-t .r{grid-template-columns:22px 1.2fr 1.2fr .8fr .7fr 44px 1fr 28px;min-width:720px;padding:10px 8px;position:relative}
.cx-t .th{color:var(--t3)}
.cx-t .r.sel{background:var(--sel)}
.cx-t small{display:block;color:var(--t3);font-size:11.5px}
.cx-t .up{color:var(--up)}.cx-t .dn{color:var(--dn)}.cx-t .mu{color:var(--t3)}
.ck i{display:block;width:14px;height:14px;border:1px solid var(--sbd);border-radius:4px}
.r.sel .ck i{background:var(--pb);border-color:var(--pb);box-shadow:inset 0 0 0 3px var(--pb)}
.cx .pill{background:var(--chip)!important;color:var(--chipt)!important;font:500 11.5px/1 var(--ui);padding:4px 8px;border-radius:6px;gap:6px}
.cx .pill:before{width:6px;height:6px}
.cx .pill.ok:before{background:var(--dok)}.cx .pill.rv:before{background:var(--drv)}.cx .pill.er:before{background:var(--der)}.cx .pill.ai:before{background:var(--dai)}
.mn{position:relative;display:flex;justify-content:flex-end}
.ib{width:26px;height:26px;border-radius:6px;border:0;background:transparent;color:var(--t3);display:grid;place-items:center;cursor:pointer}
.ib svg{width:16px;height:16px;fill:currentColor}
.ib.on,.ib:hover{background:var(--chip);color:var(--t1)}
.menu{position:absolute;right:32px;top:-6px;z-index:3;background:var(--rise);border:1px solid var(--rbd);border-radius:10px;box-shadow:0 12px 32px -8px rgba(14,15,13,.22);padding:5px;min-width:190px;display:flex;flex-direction:column}
.menu span{padding:7px 10px;border-radius:6px;font-size:12.5px;color:var(--t1);white-space:nowrap}
.menu span:first-child{background:var(--chip)}
.menu hr{border:0;border-top:1px solid var(--bd);margin:4px 0}
.menu .dz{color:var(--dz)}
.cx-f{border-top:1px solid var(--bd);margin-top:6px;padding:14px 22px 16px}
.sum{color:var(--t2);font-size:12.5px}.sum b{color:var(--t1);font-weight:500;font-feature-settings:"tnum" 1}
.bt.pri{background:var(--pb);color:var(--pt);display:inline-flex;align-items:center;gap:8px}
.bt.pri kbd{border-color:var(--kbd);color:inherit;opacity:.6}
.bt.sec{background:transparent;color:var(--t1);border-color:var(--sbd)}
@media (min-width:800px){.cx-t{overflow:visible}}
.av.sys{background:transparent;border:1px dashed var(--sbd);color:var(--t3)}
/* badges globales: neutros con punto */
.app .pill{background:#F4F2EE!important;color:#3A3B37!important;border-radius:6px}
.app .pill.ok:before{background:#2E7A4B}.app .pill.rv:before{background:#B98A12}.app .pill.er:before{background:#C2412D}

/* kit */
.i{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;font:13px/1.45 var(--ui);color:#151613}
@media (max-width:900px){.kit{grid-template-columns:1fr 1fr}}@media (max-width:600px){.kit{grid-template-columns:1fr}}
.kc{background:#FFFFFF;border:1px solid #DCDFDF;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}
.kc.wide{grid-column:span 2}@media (max-width:600px){.kc.wide{grid-column:auto}}
.kl{font:500 11px/1 var(--ui);color:#8E8F89}
.kn{font-size:12.5px;color:#5E5F5A;margin:0}
.stp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.stp li{display:flex;flex-direction:column;gap:3px;position:relative;padding-top:30px}
.stp li:before{content:"";position:absolute;top:11px;left:26px;right:-6px;height:1px;background:#DCDFDF}.stp li:last-child:before{display:none}
.stp li.dn:before{background:#151613}
.stp i{position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;border:1px solid #DCDFDF;display:grid;place-items:center;font:500 11px var(--ui);font-style:normal;color:#8E8F89;background:#FFFFFF}
.stp .dn i{background:#151613;border-color:#151613;color:#FFFFFF}.stp .cu i{border-color:#151613;color:#151613;box-shadow:0 0 0 3px #E6EBEC}
.stp b{font-weight:500;font-size:12.5px}.stp span{font-size:11.5px;color:#8E8F89}.stp .cu span{color:#7D5A06}
.fm{display:flex;flex-direction:column;gap:6px}
.fl{font:500 12px var(--ui);color:#3A3B37;margin-top:4px}
.sl,.inp{display:flex;align-items:center;justify-content:space-between;border:1px solid #DCDFDF;border-radius:8px;padding:8px 10px;background:#FFFFFF}
.sl .i{color:#8E8F89}
.inp{justify-content:flex-start;gap:8px}.inp .pre{color:#8E8F89;font-size:12px}.inp input{border:0;outline:0;font:inherit;font-feature-settings:"tnum" 1;width:100%;background:transparent;color:#151613}
.inp.err{border-color:#C2412D;box-shadow:0 0 0 3px #FBEBE8}
.hint{font-size:11.5px}.hint.er{color:#9F3222}
.seg.sm span{font-size:12px;padding:4px 10px}
.kc .seg{background:#F1F2F0;border-radius:8px;padding:3px;display:inline-flex;align-self:flex-start}.kc .seg span{border-radius:6px;color:#5E5F5A}.kc .seg .on{background:#FFFFFF;color:#151613;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.drop{border:1px dashed #C7CACA;border-radius:10px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:#F8F8F5}
.drop .i{width:18px;height:18px;color:#5E5F5A}.drop b{font-weight:500}.drop span{font-size:11.5px;color:#8E8F89}
.fls{display:flex;flex-direction:column;gap:6px}
.fi{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #EFF0EE;border-radius:8px}
.fi b{font-weight:500;font-size:12.5px;display:block}.fi span{font-size:11.5px;color:#8E8F89}.fi em{font-style:normal;font-size:11.5px;color:#5E5F5A;font-feature-settings:"tnum" 1}
.fi i.ok{color:#2E7A4B}.fi.er span{color:#9F3222}.fi.er>i{color:#8E8F89}
.pb{height:4px;background:#EFF0EE;border-radius:2px;margin-top:5px;overflow:hidden}.pb i{display:block;height:100%;background:#151613;border-radius:2px}
.tipd{display:flex;justify-content:center;padding:34px 0 8px}
.tv{position:relative;font:400 15px var(--ui);font-feature-settings:"tnum" 1;border-bottom:1px dashed #8E8F89;padding-bottom:1px}
.tt{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);background:#151613;color:#EEEFEC;border-radius:8px;padding:8px 10px;font-size:11.5px;line-height:1.4;width:230px;box-shadow:0 10px 24px -8px rgba(0,0,0,.35)}
.tt b{display:block;font-weight:500;color:#FFFFFF}
.tt:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#151613}
.emp{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:6px 0}
.emt{width:64px;height:40px;border-radius:8px;background:radial-gradient(120% 120% at 30% 20%,#F8F8F5,#DCE3E4);margin-bottom:6px;position:relative;overflow:hidden}
.emt:after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(135deg,transparent 45%,#C7CACA 46%) left/50% 100% no-repeat,linear-gradient(225deg,transparent 45%,#B4B9BA 46%) right/50% 100% no-repeat}
.emp b{font-weight:500}.emp span{font-size:12px;color:#5E5F5A;max-width:28ch}
.bt.sec2{background:#FFFFFF;color:#151613;border:1px solid #DCDFDF;margin-top:6px}
.skl{display:flex;flex-direction:column;gap:12px;padding:6px 0}
.skl i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#EFF0EE 0%,#F7F7F5 50%,#EFF0EE 100%);background-size:200% 100%;animation:sh 1.6s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skl i{animation:none}}
.tst{display:flex;align-items:center;gap:10px;background:#151613;color:#EEEFEC;border-radius:10px;padding:10px 14px;font-size:12.5px;box-shadow:0 12px 28px -10px rgba(0,0,0,.4)}
.tst .d{width:7px;height:7px;border-radius:50%}.tst .d.ok{background:#7FC79A}.tst span:nth-child(2){flex:1}.tst a{color:#FFFFFF;font-weight:500;text-underline-offset:3px}
.cmd{border:1px solid #DCDFDF;border-radius:12px;box-shadow:0 18px 40px -18px rgba(14,15,13,.25);padding:6px;display:flex;flex-direction:column}
.cmdi{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #EFF0EE;margin-bottom:4px;color:#151613}.cmdi span{flex:1}.cmdi .i{color:#8E8F89}
.cmd kbd{font:500 10.5px/1 var(--ui);border:1px solid #DCDFDF;border-radius:4px;padding:2px 5px;color:#8E8F89}
.cg{font:500 11px var(--ui);color:#8E8F89;padding:8px 10px 4px}
.co{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:7px}.co.on{background:#F4F2EE}.co em{font-style:normal;font-size:11.5px;color:#8E8F89}
/* pantallas */
.scr{border:1px solid #DCDFDF;border-radius:12px;overflow:hidden;background:#FFFFFF;font:13px/1.45 var(--ui);color:#151613;box-shadow:0 1px 2px rgba(14,15,13,.04)}
.scrb{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#F8F8F5;border-bottom:1px solid #E6E8E6}.scrb i{width:8px;height:8px;border-radius:50%;background:#DCDFDF}.scrb span{margin-left:8px;font-size:11.5px;color:#8E8F89}
.pg{padding:22px 24px;display:flex;flex-direction:column;gap:18px;overflow-x:auto}
.pgh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.pgh h5,.dh h5{margin:2px 0 0;font:400 26px/1.15 var(--serif);letter-spacing:-.01em}
.k{font:400 11.5px var(--ui);color:#5E5F5A}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #E6E8E6;border-radius:10px}
.kpis div{padding:14px 16px;border-right:1px solid #E6E8E6;display:flex;flex-direction:column;gap:2px}.kpis div:last-child{border-right:0}
.kpis b{font:400 28px/1 var(--serif)}.kpis span{font-size:12px;color:#5E5F5A}.kpis .late span{color:#9F3222}
.tbl{display:flex;flex-direction:column;min-width:620px}
.tr{display:grid;grid-template-columns:1.2fr .7fr 1.3fr .8fr .8fr 1fr;gap:12px;align-items:center;padding:11px 8px;border-bottom:1px solid #EFF0EE}
.tr.th{font:500 11px var(--ui);color:#8E8F89;padding-bottom:8px}.tr:last-child{border-bottom:0}
.tr b{font-weight:500}.tr .late{color:#9F3222}
.pr{display:flex;align-items:center;gap:8px}.pr i{height:4px;border-radius:2px;background:#151613;display:block;max-width:90px;flex:none}.pr:before{content:"";position:absolute}.pr em{font-style:normal;font-size:11.5px;color:#8E8F89;font-feature-settings:"tnum" 1}
.pr{position:relative}
.scr .pill{background:#F4F2EE;color:#3A3B37;border-radius:6px;font-weight:500}
.scr .pill.ok:before{background:#2E7A4B}.scr .pill.rv:before{background:#B98A12}.scr .pill.er:before{background:#C2412D}
.scr .av,.wsec .av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#F4F2EE;color:#5E5F5A;font:500 9.5px/1 var(--ui)}
.scr .bt.pri{background:#151613;color:#FFFFFF}
.split{display:grid;grid-template-columns:1fr 380px;min-height:520px}
@media (max-width:820px){.split{grid-template-columns:1fr}.split .dim{display:none}}
.dim{padding:22px 24px;display:flex;flex-direction:column;gap:18px;background:#F8F8F5;opacity:.55}
.dim .tbl{min-width:0}.dim .tr{grid-template-columns:1fr 1fr .6fr}.dim .tr.on{background:#FFFFFF;border-radius:8px;opacity:1}
.n{text-align:right;font-feature-settings:"tnum" 1}
.drw{border-left:1px solid #E6E8E6;padding:20px 22px;display:flex;flex-direction:column;gap:14px;box-shadow:-18px 0 40px -30px rgba(14,15,13,.25);background:#FFFFFF}
.dh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.dh h5{font-size:22px}
.cmp{display:grid;grid-template-columns:1fr 1fr;border:1px solid #E6E8E6;border-radius:10px}
.cmp div{padding:12px 14px;display:flex;flex-direction:column;gap:2px}.cmp div:first-child{border-right:1px solid #E6E8E6}
.cmp b{font:400 20px/1.1 var(--serif);font-feature-settings:"tnum" 1}.cmp small{font-size:11.5px;color:#8E8F89}
.why{display:grid;grid-template-columns:18px 1fr;gap:10px;background:#F4F2EE;border-radius:10px;padding:12px}
.why .i{margin-top:2px;color:#5E5F5A}.why b{display:block;font-weight:500}.why span{font-size:12px;color:#5E5F5A}
.da{display:flex;flex-direction:column;gap:8px}.da .bt{width:100%;text-align:center;justify-content:center;margin:0}
.tl2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tl2 li{display:grid;grid-template-columns:14px 1fr;gap:10px;padding-bottom:12px;position:relative}
.tl2 li:before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:1px;background:#E6E8E6}.tl2 li:last-child:before{display:none}
.tl2 i{width:9px;height:9px;border-radius:50%;border:1px solid #C7CACA;background:#FFFFFF;margin-top:4px}
.tl2 li:first-child i{background:#151613;border-color:#151613}
.tl2 b{font-weight:500;font-size:12.5px;display:block}.tl2 span{font-size:11.5px;color:#8E8F89}
.cbox{border:1px solid #DCDFDF;border-radius:8px;padding:9px 10px;color:#8E8F89;font-size:12.5px}
.cz{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:end;border:1px solid #E6E8E6;border-radius:10px;padding:16px 18px}
@media (max-width:700px){.cz{grid-template-columns:1fr}}
.cz>div:first-child{display:flex;flex-direction:column;gap:3px}
.bign{font:400 32px/1 var(--serif);font-feature-settings:"tnum" 1}.cz .up{font-size:12.5px;color:#236140}
.alloc{display:flex;flex-direction:column;gap:10px}
.ab{display:flex;height:14px;gap:2px;border-radius:4px;overflow:hidden}.ab i{display:block}
.lgd{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:#5E5F5A}.lgd span{display:inline-flex;align-items:center;gap:6px}.lgd i{width:8px;height:8px;border-radius:2px}.lgd b{color:#151613;font-weight:500}
.tr.c4{grid-template-columns:1.6fr 1fr .8fr .8fr}
.tr .dt{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px}
.tr .up{color:#236140}.tr .dn{color:#9F3222}.tr .mu{color:#8E8F89}
.tr.tot{font-weight:500;border-top:1px solid #DCDFDF}
.rep{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start;background:#E9EBEA;border-radius:12px;padding:28px}
@media (max-width:760px){.rep{grid-template-columns:1fr}}
.rpage{background:#FFFFFF;aspect-ratio:210/297;max-width:100%;border-radius:4px;box-shadow:0 18px 40px -18px rgba(14,15,13,.35);padding:9% 9%;display:flex;flex-direction:column;gap:14px;font:12px/1.45 "Inter",sans-serif;color:#1F2A37;container-type:inline-size}
.rh{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #D8DFE7;padding-bottom:12px}
.rlogo{display:flex;flex-direction:column;font:600 15px/1 "Inter",sans-serif;letter-spacing:.18em;color:#2E4A6B}.rlogo i{display:none}.rlogo small{font:400 9px/1.6 "Inter",sans-serif;letter-spacing:.1em;color:#6D86A3}
.rt{margin:8px 0 0;font:400 26px/1.1 "Newsreader",serif;color:#1F2A37}
.rkp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #D8DFE7;border-bottom:1px solid #D8DFE7;padding:12px 0}
.rkp div{display:flex;flex-direction:column;gap:2px}.rkp b{font:400 18px/1.1 "Newsreader",serif;font-feature-settings:"tnum" 1;color:#2E4A6B}
.rl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-feature-settings:"tnum" 1}.rl span:nth-child(even){text-align:right}
.rf{margin-top:auto;display:flex;justify-content:space-between;font-size:9.5px;color:#8C9AAE;border-top:1px solid #D8DFE7;padding-top:8px}
.repn{display:flex;flex-direction:column;gap:10px;color:#151613}.repn h6{margin:0;font:400 22px/1.2 var(--serif)}.repn p{font:400 13.5px/1.6 var(--ui);color:#3A3B37;margin:0}
/* web más */
.wsec{padding:40px 26px;border-top:1px solid #E6E8E6;display:flex;flex-direction:column;gap:14px}
.wh{margin:0;font:400 clamp(24px,3.4vw,34px)/1.1 var(--serif);letter-spacing:-.01em}
.wp{font:400 14px/1.6 var(--ui);color:#3A3B37;max-width:44ch;margin:0}
.flow{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:start;margin-top:8px}
@media (max-width:760px){.flow{grid-template-columns:1fr}.fa{display:none}}
.fs{display:flex;flex-direction:column;gap:6px;font-family:var(--ui)}
.fs em{font:400 13px var(--serif);font-style:normal;color:#8E8F89}
.fs b{font:500 15px var(--ui)}.fs p{font-size:13px;color:#5E5F5A;margin:0}
.fa{height:1px;background:#C7CACA;margin-top:10px;position:relative}.fa:after{content:"";position:absolute;right:0;top:-3px;border:3.5px solid transparent;border-left-color:#8E8F89}
.chipsrc{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.chipsrc>span:not(.pill){font:500 11.5px var(--ui);border:1px solid #DCDFDF;border-radius:6px;padding:3px 7px;color:#3A3B37;background:#FFFFFF}
.wsec .pill{background:#F4F2EE;color:#3A3B37;border-radius:6px}.wsec .pill.ok:before{background:#2E7A4B}.wsec .pill.rv:before{background:#B98A12}
.wsec.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
@media (max-width:760px){.wsec.two{grid-template-columns:1fr}}
.wsec.two>div:first-child{display:flex;flex-direction:column;gap:10px}
.wcard{background:#FFFFFF;border:1px solid #E6E8E6;border-radius:12px;padding:74px 20px 26px;display:flex;justify-content:center}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #DCDFDF;margin-top:6px}
@media (max-width:760px){.trust{grid-template-columns:1fr}}
.trust div{padding:16px 16px 0 0;display:flex;flex-direction:column;gap:4px}.trust b{font:500 14px var(--ui)}.trust p{font-size:13px;color:#5E5F5A;margin:0}
.wnote{font:400 12px var(--mono);color:#8E8F89;margin:6px 0 0}
.web .dark{gap:28px}
.dkin{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.bt.lgt{background:#EEEFEC;color:#0E0F0D;font:500 12.5px/1 var(--ui);border-radius:7px;padding:10px 14px;border:0}
.foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;font:400 12px var(--ui);color:#A3A59F}
.foot .lock{font-size:15px;color:#EEEFEC}.foot .sp{flex:1}

/* guía final */
.toc{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.toc a{font:500 12.5px/1 var(--sans);text-decoration:none;color:var(--ink);border:1px solid var(--rule);background:var(--surface);border-radius:99px;padding:7px 12px}
.toc a:hover{border-color:var(--ink)}
.bh2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center}
@media (max-width:760px){.bh2{grid-template-columns:1fr}}
.tile.big{min-height:300px}.bsym{width:170px;height:170px}
.vers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:820px){.vers{grid-template-columns:1fr 1fr}}@media (max-width:520px){.vers{grid-template-columns:1fr}}
.vers .tile{min-height:160px}
.stk{display:inline-flex;flex-direction:column;align-items:center;gap:10px;font-size:24px}.stk svg{width:52px;height:52px}
.msym{width:84px;height:84px}
.fvs{display:flex;align-items:flex-end;gap:18px}.appi{width:56px;height:56px;border-radius:13px;background:#0E0F0D;display:grid;place-items:center}.appi svg{width:38px;height:38px}
.clear2{padding:18px;outline:1px dashed #A3A59F;position:relative}.clear2:after{content:"";position:absolute;inset:18px;outline:1px solid #DCDFDF}
.voice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
@media (max-width:760px){.voice{grid-template-columns:1fr}}
.voice .quote{font-size:19px;line-height:1.5;border-left:2px solid var(--rule);padding-left:18px;margin:0}
/* web v2 */
.w2{--wbg:#F8F8F5;--wt1:#151613;--wt2:#5E5F5A;--wt3:#8E8F89;--wbd:#E6E8E6;background:var(--wbg);color:var(--wt1);border:1px solid #DCDFDF;border-radius:14px;overflow:hidden;font:14px/1.55 var(--ui);font-feature-settings:"cv11" 1}
.w2 .i{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wn{display:flex;align-items:center;gap:24px;padding:14px 28px;border-bottom:1px solid var(--wbd);background:rgba(248,248,245,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:2}
.wn .lock{font-size:17px}.wn nav{display:flex;gap:22px;flex:1;justify-content:center;color:#3A3B37;font-size:13px}
.wn-r{display:flex;align-items:center;gap:16px}
.lnk{font:500 13px var(--ui);color:var(--wt1);display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.lnk.lt{color:#EEEFEC}
.wb{font:500 13px/1 var(--ui);border-radius:8px;padding:9px 14px;border:0;cursor:pointer}
.wb.pri{background:#151613;color:#FFFFFF}.wb.lg{padding:12px 18px;font-size:14px}.wb.lgt{background:#EEEFEC;color:#0E0F0D}
.wb:focus-visible{outline:2px solid #2F5FA3;outline-offset:2px}
@media (max-width:760px){.wn nav,.wn .lnk{display:none}}
.whero{padding:72px 28px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.ann{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#3A3B37;border:1px solid var(--wbd);background:#FFFFFF;border-radius:99px;padding:5px 12px 5px 6px}
.ann b{font-weight:500;background:#151613;color:#FFFFFF;border-radius:99px;padding:2px 8px;font-size:11.5px}
.whero h1{margin:0;font:400 clamp(38px,6.2vw,68px)/1.02 var(--serif);letter-spacing:-.02em;max-width:17ch;text-wrap:balance}
.whero p{margin:0;color:var(--wt2);font-size:16px;max-width:54ch}
.cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.micro{font-size:12px;color:var(--wt3)}
.wvis{position:relative;margin:0 28px}
.wvis .hero-stage{border-radius:14px;padding:56px 6% 0}
.wvis .hero-stage .shot{max-height:430px}
.flo{position:absolute;background:#FFFFFF;border:1px solid var(--wbd);border-radius:12px;box-shadow:0 18px 40px -16px rgba(14,15,13,.35);padding:12px 14px;font-size:12.5px;display:flex;gap:10px}
.flo b{display:block;font-weight:500}.flo span{color:var(--wt2);font-size:11.5px;display:block}
.flo .d{width:8px;height:8px;border-radius:50%;background:#2E7A4B;margin-top:5px;flex:none}
.flo.f1{left:-14px;bottom:56px}.flo.f2{right:-14px;bottom:150px;flex-direction:column;gap:1px;min-width:190px}
.flo.f2 b{font:400 18px/1.2 var(--serif)}
@media (max-width:760px){.flo{display:none}}
.wfmt{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:36px 28px 8px;color:var(--wt3);font-size:12.5px}
.wfmt div{display:flex;gap:8px;flex-wrap:wrap}.wfmt em{font-style:normal;color:#3A3B37;border:1px solid var(--wbd);background:#FFFFFF;border-radius:6px;padding:4px 9px}
.wblk{padding:80px 28px 8px;display:flex;flex-direction:column;gap:14px}
.wblk .k{font:500 12px var(--ui);color:var(--wt3)}
.wblk h2{margin:0;font:400 clamp(28px,4vw,42px)/1.08 var(--serif);letter-spacing:-.015em;max-width:20ch;text-wrap:balance}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media (max-width:700px){.vs{grid-template-columns:1fr}}
.vc{border:1px solid var(--wbd);border-radius:14px;padding:22px;background:transparent}
.vc.on{background:#FFFFFF}
.vt{font:500 12px var(--ui);color:var(--wt3)}
.vc ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.vc li{display:flex;gap:10px;align-items:flex-start;color:var(--wt2)}
.vc.on li{color:var(--wt1)}.vc li .i{margin-top:3px}.vc.on li .i{color:#2E7A4B}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:14px}
.bc{background:#FFFFFF;border:1px solid var(--wbd);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-height:250px}
.bc b{font:500 15px/1.35 var(--ui)}.bc p{margin:0;color:var(--wt2);font-size:13.5px;max-width:40ch}
.b-a{grid-column:span 4}.b-b{grid-column:span 2}.b-c{grid-column:span 3}.b-d{grid-column:span 3}.b-e{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#F1F2F0}
.b-e>div:first-child{display:flex;flex-direction:column;gap:8px}
@media (max-width:760px){.bento{grid-template-columns:1fr}.bento .bc{grid-column:auto}.b-e{grid-template-columns:1fr}}
.mini-rows{margin-top:auto;display:flex;flex-direction:column;border:1px solid var(--wbd);border-radius:10px;overflow:hidden}
.mini-rows div{display:grid;grid-template-columns:1fr 80px 130px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #EFF0EE;font-size:13px}
.mini-rows div:last-child{border-bottom:0}.mini-rows div.on{background:#F6F7F5}
.mini-rows em{font-style:normal;text-align:right;font-feature-settings:"tnum" 1}
.w2 .pill{background:#F4F2EE;color:#3A3B37;border-radius:6px;font-weight:500;justify-self:start}
.w2 .pill.ok:before{background:#2E7A4B}.w2 .pill.rv:before{background:#B98A12}.w2 .pill.er:before{background:#C2412D}
.b-b .tipd{margin-top:auto}
.b-c .tl2{margin-top:auto}
.fx{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid #EFF0EE}
.fx div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #EFF0EE;font-size:13px}.fx span{color:var(--wt2)}.fx em{font-style:normal;font-feature-settings:"tnum" 1}
.fx .tot em{font:400 20px/1 var(--serif)}.fx .tot{border-bottom:0}
.mrep{background:#FFFFFF;border-radius:6px;box-shadow:0 16px 36px -18px rgba(14,15,13,.35);padding:22px;display:flex;flex-direction:column;gap:6px;max-width:320px;justify-self:center;width:100%;color:#1F2A37}
.mrep .ml{font:600 11px/1 var(--ui);letter-spacing:.2em;color:#2E4A6B;border-bottom:1px solid #D8DFE7;padding-bottom:10px;margin-bottom:4px}
.mrep b{font-size:20px;font-weight:400}.mrep .mk{font-size:11px;color:#6D86A3}.mrep .mv{font-size:26px;color:#2E4A6B;margin-bottom:6px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:14px;border-top:1px solid #DCDFDF}
@media (max-width:700px){.steps{grid-template-columns:1fr}}
.steps div{padding:18px 20px 0 0;display:flex;flex-direction:column;gap:6px}
.steps em{font:400 13px var(--serif);font-style:normal;color:var(--wt3)}.steps b{font-weight:500;font-size:15px}.steps p{margin:0;color:var(--wt2);font-size:13.5px}
.sec2w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:start}
.sec2w>div:first-child{display:flex;flex-direction:column;gap:12px}
@media (max-width:760px){.sec2w{grid-template-columns:1fr}}
.wp{margin:0;color:var(--wt2);max-width:40ch}
.trust2{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #DCDFDF}
.trust2 div{padding:18px 18px 18px 0;border-bottom:1px solid var(--wbd);display:flex;flex-direction:column;gap:4px}
.trust2 b{font-weight:500}.trust2 p{margin:0;color:var(--wt2);font-size:13.5px}
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:start;padding-bottom:80px}
.faq>div:first-child{display:flex;flex-direction:column;gap:12px}
@media (max-width:760px){.faq{grid-template-columns:1fr}}
.qs{border-top:1px solid #DCDFDF}
.qs details{border-bottom:1px solid var(--wbd);padding:16px 0}
.qs summary{list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:500;cursor:pointer}
.qs summary::-webkit-details-marker{display:none}
.qs summary span{color:var(--wt3);font-weight:400;transition:transform .2s}.qs details[open] summary span{transform:rotate(45deg)}
.qs details p{margin:10px 0 0;color:var(--wt2);max-width:56ch}
.qs summary:focus-visible{outline:2px solid #2F5FA3;outline-offset:3px}
.wend{position:relative;background:#0E0F0D;color:#EEEFEC}
.endst{position:absolute;inset:0;aspect-ratio:auto!important;border-radius:0}
.wend-in{position:relative;padding:96px 28px 72px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.wend h2{margin:0;font:400 clamp(30px,4.6vw,48px)/1.06 var(--serif);letter-spacing:-.015em;max-width:18ch}
.wend p{margin:0;color:#A3A59F;max-width:46ch}
.wfoot{position:relative;display:flex;flex-wrap:wrap;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:20px 28px;font-size:12.5px;color:#A3A59F}
.wfoot .lock{font-size:15px;color:#EEEFEC}.wfoot .sp{flex:1}

/* ---- movimiento ---- */
:root{--ease:cubic-bezier(.2,.7,.2,1)}
.mvg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.mvg{grid-template-columns:1fr 1fr}}@media (max-width:520px){.mvg{grid-template-columns:1fr}}
.mvc{background:#FFFFFF;border:1px solid #DCDFDF;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;font:13px/1.45 var(--ui);color:#151613}
.mvc p{font-size:12.5px;color:#5E5F5A;margin:0}
.mvs{min-height:86px;display:flex;align-items:center;justify-content:center;gap:14px;background:#F8F8F5;border-radius:8px;padding:12px;flex-wrap:wrap}
.mvc .pill,.w2 .swp2{background:#F4F2EE;color:#3A3B37;border-radius:6px;font:500 11.5px/1 var(--ui);padding:4px 8px}
.swp,.swp2{position:relative;display:inline-grid!important}
.swp>span,.swp2>span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px}
.swp>span:before,.swp2>span:before{content:"";width:6px;height:6px;border-radius:50%;background:#B98A12}
.swp .b:before,.swp2 .b:before{background:#2E7A4B}
.swp:before,.swp2:before{display:none!important}
.swp .a,.swp2 .a{animation:swA 5s var(--ease) infinite}.swp .b,.swp2 .b{animation:swB 5s var(--ease) infinite}
@keyframes swA{0%,45%{opacity:1}55%,95%{opacity:0}100%{opacity:1}}
@keyframes swB{0%,45%{opacity:0}55%,95%{opacity:1}100%{opacity:0}}
.rsv em{display:inline-grid;justify-items:end}.rsv em>span{grid-area:1/1}
.rsv em .a{animation:swA 5s var(--ease) infinite}.rsv em .b{animation:swB 5s var(--ease) infinite}
.rsv{animation:rowbg 5s var(--ease) infinite}
@keyframes rowbg{0%,45%{background:#F6F7F5}55%,95%{background:#FFFFFF}100%{background:#F6F7F5}}
.tst.anim{animation:toast 4s var(--ease) infinite}
@keyframes toast{0%{transform:translateY(14px);opacity:0}10%,75%{transform:none;opacity:1}88%,100%{transform:translateY(6px);opacity:0}}
.cnt{font-size:30px;font-weight:400;font-feature-settings:"tnum" 1}
.bt.hov,.wb,.bt{transition:transform 150ms var(--ease),background-color 150ms var(--ease),box-shadow 150ms var(--ease)}
.bt.hov{background:#151613;color:#FFFFFF}
.bt.hov:hover,.wb:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(14,15,13,.5)}
.lnk .i,.arr .i{transition:transform 150ms var(--ease)}
.lnk:hover .i,.arr:hover .i{transform:translateX(3px)}
.bc{transition:border-color 200ms var(--ease),box-shadow 200ms var(--ease),transform 200ms var(--ease)}
.bc:hover{border-color:#C7CACA;box-shadow:0 18px 36px -24px rgba(14,15,13,.35);transform:translateY(-2px)}
.b-b .tt{opacity:1;transition:opacity 200ms var(--ease),transform 200ms var(--ease)}
/* web: entradas */
.rise{animation:rise .8s var(--ease) both}.rise.d2{animation-delay:.15s}
@keyframes rise{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}
.wvis .hero-stage .app .metric rect{transform-box:fill-box;transform-origin:bottom;animation:grow 1s var(--ease) both}
.wvis .hero-stage .app .metric rect:nth-child(odd){animation-delay:.35s}.wvis .hero-stage .app .metric rect:nth-child(even){animation-delay:.45s}
@keyframes grow{from{transform:scaleY(.08)}to{transform:none}}
.flo.f1{animation:flo1 7s ease-in-out infinite}.flo.f2{animation:flo2 8s ease-in-out infinite}
@keyframes flo1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes flo2{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.mq{overflow:hidden;max-width:560px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mqt{display:flex;gap:8px;width:max-content;animation:mq 24s linear infinite}
@keyframes mq{to{transform:translateX(-33.333%)}}
.drift .tex{animation:drift 22s ease-in-out infinite alternate;transform-origin:50% 60%}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.06) translateX(-1.5%)}}
@supports (animation-timeline: view()){
 .wblk,.bc,.steps>div,.trust2>div{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
}
.qs details::details-content{transition:height 320ms var(--ease),content-visibility 320ms allow-discrete;height:0;overflow:clip}
.qs details[open]::details-content{height:auto}
@supports not (interpolate-size: allow-keywords){.qs details::details-content{height:auto}}
:root{interpolate-size:allow-keywords}
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important}
 .swp .b,.swp2 .b,.rsv em .b{opacity:0}
}

/* fundamentos */
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:760px){.fgrid{grid-template-columns:1fr}}
.fcard{background:#FFFFFF;border:1px solid #DCDFDF;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;font:13px/1.45 var(--ui);color:#151613}
.fcard p{margin:0;font-size:12.5px;color:#5E5F5A}
.sps{display:flex;flex-direction:column;gap:6px}
.spr{display:grid;grid-template-columns:34px 1fr 40px;align-items:center;gap:10px}
.spr code{font:11px var(--mono);color:#5E5F5A;text-align:right}.spr i{display:block;height:10px;background:#E6EBEC;border:1px solid #C7CACA;border-radius:2px;max-width:100%}.spr span{font:11px var(--mono);color:#8E8F89}
.rds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rdi{display:flex;flex-direction:column;gap:3px}.rdi i{display:block;height:54px;background:#F4F2EE;border:1px solid #C7CACA}.rdi b{font-weight:500;margin-top:4px}.rdi span{font-size:11.5px;color:#8E8F89}
.elvs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:16px;background:#F8F8F5;border-radius:10px}
@media (max-width:760px){.elvs{grid-template-columns:1fr 1fr}}
.elv{display:flex;flex-direction:column;gap:3px}.eb{height:70px;background:#FFFFFF;border:1px solid #E6E8E6;border-radius:10px;display:grid;place-items:center;margin-bottom:6px}.eb b{font:400 20px var(--serif);color:#8E8F89}
.elv strong{font-weight:500}.elv span{font-size:11.5px;color:#8E8F89}
.ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ctl button{font:500 13px/1 var(--ui);background:#151613;color:#FFFFFF;border:0;border-radius:8px;padding:0 14px;cursor:pointer}
.ctl .c32{height:32px;font-size:12.5px;border-radius:6px}.ctl .c36{height:36px}.ctl .c44{height:44px;padding:0 18px;font-size:14px}
.rows2{display:flex;flex-direction:column;border-top:1px solid #EFF0EE}
.rows2 div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #EFF0EE}.rows2 span{color:#5E5F5A}.rows2 em{font-style:normal;text-align:right}
.gridv{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:64px;padding:0 10px;background:#F8F8F5;border-radius:8px;align-items:stretch}
.gridv i{background:#E6EBEC;border-left:1px solid #C7CACA;border-right:1px solid #C7CACA;opacity:.8}
.codew{position:relative}
.code{margin:0;background:#0E0F0D;color:#DADCD6;border-radius:12px;padding:22px 24px;font:12.5px/1.7 var(--mono);overflow-x:auto;white-space:pre}
.code .c{color:#7C7E78}
.copy{position:absolute;top:12px;right:12px;font:500 12px var(--ui);background:rgba(255,255,255,.08);color:#EEEFEC;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 10px;cursor:pointer}
.copy:focus-visible{outline:2px solid #8FB3E8;outline-offset:2px}
/* iconos */
.icg{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
@media (max-width:900px){.icg{grid-template-columns:repeat(4,minmax(0,1fr))}}
.icc{background:#FFFFFF;border:1px solid #DCDFDF;border-radius:10px;padding:16px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#151613;font:12px/1.3 var(--ui)}
.icc svg{width:22px;height:22px;stroke-width:1.5;color:#151613}
.icc code{font:10px var(--mono);color:#8E8F89}
.isz{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}
.isz div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:11.5px;color:#5E5F5A}
.isz .s14,.isz svg.s14{width:14px;height:14px}.isz svg.s16{width:16px;height:16px}.isz svg.s20{width:20px;height:20px}.isz svg.s24{width:24px;height:24px}
.isz svg{color:#151613;stroke-width:1.5}
.iuse{display:flex;flex-wrap:wrap;gap:10px}
.ib1{display:inline-flex;align-items:center;gap:7px;color:#5E5F5A;font-size:13px}
.ib1 svg{width:16px;height:16px;stroke-width:1.5}
.ib1.act{color:#151613;font-weight:500}.ib1.ok svg{color:#2E7A4B}.ib1.er svg{color:#C2412D}.ib1.ok,.ib1.er{color:#151613}

.smap{display:flex;flex-direction:column;border-top:1px solid #EFF0EE}
.sm-r{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #EFF0EE}
.sm-i svg{width:16px;height:16px;stroke-width:1.5}
.sm-r code{font:10.5px var(--mono);color:#8E8F89}
.navx{display:flex;flex-direction:column;gap:2px;background:#F8F8F5;border-radius:10px;padding:8px;max-width:240px}
.nv{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:#5E5F5A;font-size:13px}
.nv svg{width:16px;height:16px;stroke-width:1.5}
.nv.on{background:#FFFFFF;color:#151613;font-weight:500;box-shadow:0 0 0 1px #E3E5E3}

/* ===== animaciones avanzadas ===== */
.alogo-t{position:relative;flex-direction:column;gap:18px}
.alogo{display:flex;align-items:center;gap:16px}
.asym{width:120px;height:120px;overflow:visible}
.alogo .aw{font-size:40px;color:#151613}
.replay{position:absolute;right:14px;bottom:12px;font:500 12px var(--ui);background:#FFFFFF;border:1px solid #DCDFDF;border-radius:7px;padding:6px 10px;color:#151613;cursor:pointer}
.replay:focus-visible{outline:2px solid #2F5FA3;outline-offset:2px}
.alogo.play .a-sky{animation:aSky .5s var(--ease) both}
.alogo.play .a-wl{stroke-dasharray:100;animation:aDraw .9s .25s cubic-bezier(.6,.05,.3,1) both}
.alogo.play .a-fr{animation:aFade .5s 1s var(--ease) both}
.alogo.play .a-md{animation:aRise .6s 1.15s var(--ease) both}
.alogo.play .a-bk{animation:aRise .6s 1.3s var(--ease) both}
.alogo.play .aw{animation:aWord .7s 1.55s var(--ease) both}
@keyframes aSky{from{opacity:0;transform:scale(.92);transform-origin:24px 24px}to{opacity:1;transform:none}}
@keyframes aDraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes aFade{from{opacity:0}to{opacity:1}}
@keyframes aRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes aWord{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-6px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@media (max-width:520px){.asym{width:84px;height:84px}.alogo .aw{font-size:28px}}
/* hero palabras */
.hw span{display:inline-block;animation:wordIn .9s var(--ease) both;animation-delay:calc(var(--i) * 90ms + 120ms)}
@keyframes wordIn{from{opacity:.001;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.whero p,.whero .cta,.whero .micro{animation:rise .9s .55s var(--ease) both}
/* cursor demo */
.shot{position:relative}
.cur{position:absolute;left:78%;top:88%;z-index:4;display:flex;align-items:flex-start;gap:2px;transition:left 1s var(--ease),top 1s var(--ease),transform .15s ease;pointer-events:none}
.cur svg{width:20px;height:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.cur span{margin-top:14px;font:500 11px/1 var(--ui);background:#151613;color:#FFFFFF;border-radius:6px;padding:4px 7px}
.cur.click{transform:scale(.88)}
.hero-stage .c{transition:box-shadow .3s var(--ease),background-color .3s var(--ease)}
.hero-stage .c.hit{box-shadow:0 0 0 2px #151613;background:#FFFFFF}
.hero-stage .pill{transition:background-color .3s var(--ease),color .3s var(--ease)}
.hero-stage .btn.hov{transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(14,15,13,.6)}
.flo.pop{animation:pop .5s var(--ease) both!important}
@keyframes pop{0%{transform:translateY(10px) scale(.96);opacity:0}100%{transform:none;opacity:1}}
@supports (animation-timeline: view()){
 .wvis .shot{animation:tilt linear both;animation-timeline:view();animation-range:entry 10% cover 40%;transform-origin:50% 0}
 @keyframes tilt{from{transform:perspective(1600px) rotateX(14deg) scale(.94);opacity:.6}to{transform:none;opacity:1}}
 .wblk h2{animation:headIn linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
 @keyframes headIn{from{opacity:.001;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
 .vers .card,.icc,.fcard{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
}
/* flujo */
.pipe{background:#FFFFFF;border:1px solid var(--wbd,#E6E8E6);border-radius:14px;padding:22px 18px;margin-top:14px;overflow-x:auto}
.pipe svg{width:100%;min-width:640px;height:auto;display:block}
.flowd use{animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-24}}
.pulse{animation:pls 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pls{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.6)}}
.okbar{transform-box:fill-box;transform-origin:left;animation:fillx 3.2s var(--ease) infinite}
@keyframes fillx{0%{transform:scaleX(.15)}60%,100%{transform:scaleX(1)}}
.src rect,.node rect,.out rect{filter:drop-shadow(0 1px 1px rgba(14,15,13,.04))}
/* bento spotlight */
.bc{position:relative;isolation:isolate}
.bc:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(21,22,19,.05),transparent 45%);opacity:0;transition:opacity .3s var(--ease);z-index:-1;pointer-events:none}
.bc:hover:before{opacity:1}
@media (prefers-reduced-motion:reduce){.hw span,.whero p,.whero .cta,.whero .micro{animation:none!important}.cur{display:none}}

.isog{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:820px){.isog{grid-template-columns:1fr}}
.consw{background:#FFFFFF;border:1px solid #DCDFDF;border-radius:12px;padding:18px}
.cons{width:100%;height:auto;display:block}
.bads{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:900px){.bads{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.bads{grid-template-columns:1fr 1fr}}
.bad{display:flex;flex-direction:column;gap:8px;font:12.5px var(--ui);color:#5E5F5A}
.bt2{position:relative;height:96px;border:1px solid #DCDFDF;border-radius:10px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bl{font-size:15px;color:#151613}.bl svg{width:1.5em;height:1.5em}
.xm{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:#C2412D}
.xm:before,.xm:after{content:"";position:absolute;left:4px;right:4px;top:8.25px;height:1.5px;background:#FFFFFF;transform:rotate(45deg)}.xm:after{transform:rotate(-45deg)}
/* 11 aplicaciones */
.sld{container-type:inline-size;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid #DCDFDF;background:#F8F8F5;color:#151613;font-family:var(--ui);font-feature-settings:"cv11" 1}
.sld>.tex{position:absolute;inset:0;width:100%;height:100%}
.sl-in{position:absolute;inset:0;padding:5.5cqw 6cqw;display:flex;flex-direction:column;justify-content:space-between;gap:2cqw}
.sld .lock{font-size:2.3cqw}
.sl-cover{background:#101210;color:#EEEFEC;border-color:#101210}
.sl-cover .lock{font-size:2.6cqw}
.sl-cover h4{margin:0;font:400 6.2cqw/1.02 var(--serif);letter-spacing:-.015em;max-width:11em}
.sl-cover p{margin:1.8cqw 0 0;max-width:none;font-size:2cqw;color:#A1A39D}
.sl-foot{display:flex;justify-content:space-between;font-size:1.5cqw;color:#8E8F89}
.sl-bar{display:flex;justify-content:space-between;align-items:center;font-size:1.8cqw;color:#8E8F89;font-feature-settings:"tnum" 1}
.sl-bar .lock{color:#151613}
.sl-k{font-size:2cqw;color:#5E5F5A}
.sld h5{margin:1cqw 0 0;font:400 5cqw/1.05 var(--serif);letter-spacing:-.012em;max-width:13em}
.sl-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2cqw;border-top:1px solid #DCDFDF;padding-top:2.6cqw}
.sl-cols i{font-style:normal;font-size:1.7cqw;color:#8E8F89;font-feature-settings:"tnum" 1}
.sl-cols b{display:block;font-weight:500;font-size:2.2cqw;margin:.9cqw 0 .7cqw;line-height:1.2}
.sl-cols span{display:block;font-size:1.9cqw;line-height:1.45;color:#5E5F5A}
.sl-big{margin-top:1cqw;font:400 7.4cqw/1 var(--serif);letter-spacing:-.015em;font-feature-settings:"tnum" 1,"lnum" 1}
.sl-stack{display:flex;gap:.4cqw;height:2.6cqw;margin-bottom:2.6cqw}
.sl-stack i{border-radius:.5cqw}
.sl-leg{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw 5cqw}
.sl-leg div{display:grid;grid-template-columns:1.4cqw 1fr auto 6.5cqw;gap:1.2cqw;align-items:center;font-size:1.9cqw;border-top:1px solid #E6E8E6;padding-top:1.4cqw}
.sl-leg em{width:1.4cqw;height:1.4cqw;border-radius:50%}
.sl-leg span{color:#3A3B37}
.sl-leg b,.sl-leg small{font-weight:500;font-feature-settings:"tnum" 1;text-align:right}
.sl-leg small{font-size:1.9cqw;font-weight:400;color:#8E8F89}
.ap-pair{align-items:start}
.mail{background:#FFFFFF;color:#151613;border:1px solid #DCDFDF;border-radius:10px;overflow:hidden;font:13.5px/1.55 var(--ui)}
.mail-h{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-bottom:1px solid #EFF0EE;font-size:12px;color:#8E8F89}
.mail-b{padding:18px 18px 22px;display:flex;flex-direction:column;gap:10px}
.mail-b p{color:#3A3B37}
.sig{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding-top:14px;border-top:1px solid #EFF0EE;background:#FFFFFF}
.sig svg{width:32px;height:32px;flex:none}
.sig div{display:flex;flex-direction:column;line-height:1.45}
.sig b{font-weight:500;font-size:13.5px}
.sig span{font-size:12.5px;color:#5E5F5A;font-feature-settings:"tnum" 1}
.li{background:#FFFFFF;color:#151613;border:1px solid #DCDFDF;border-radius:10px;overflow:hidden;font-family:var(--ui)}
.li-ban{container-type:inline-size;position:relative;aspect-ratio:4/1;overflow:hidden;background:#0E0F0D}
.li-ban>.tex{position:absolute;inset:0;width:100%;height:100%}
.li-t{position:absolute;right:6cqw;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:1.2cqw;text-align:right}
.li-t b{font:400 3.6cqw/1.05 var(--serif);color:#EEEFEC;letter-spacing:-.01em;max-width:10em}
.li-t span{font-size:1.5cqw;color:#A1A39D;letter-spacing:.02em}
.li-body{position:relative;padding:44px 18px 18px;display:flex;flex-direction:column;gap:2px}
.li-av{container-type:inline-size;position:absolute;left:18px;top:-40px;width:80px;height:80px;border-radius:12px;background:#0E0F0D;border:3px solid #FFFFFF;display:grid;place-items:center}
.li-av svg{width:64%;height:64%}
.li-body h4{margin:0;font:600 17px/1.3 var(--ui)}
.li-body p{font-size:13.5px;color:#3A3B37}
.li-body span{font-size:12px;color:#8E8F89}
.em{background:#F4F2EE;border-radius:10px;padding:28px 20px;display:flex;justify-content:center}
.em-card{width:100%;max-width:460px;background:#FFFFFF;color:#151613;border:1px solid #E3E1DC;border-radius:8px;font:14px/1.55 var(--ui);overflow:hidden}
.em-h{padding:20px 28px 0}.em-h .lock{font-size:16px}
.em-b{padding:26px 28px 28px;display:flex;flex-direction:column;gap:12px}
.em-k{font-size:12px;color:#8E8F89}
.em-b h4{margin:0;font:400 25px/1.12 var(--serif);letter-spacing:-.01em}
.em-b p{color:#3A3B37}
.em-t{border-top:1px solid #EFF0EE;margin-top:4px}
.em-t div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #EFF0EE;font-size:13px}
.em-t span{color:#5E5F5A}.em-t b{font-weight:500;font-feature-settings:"tnum" 1;text-align:right}
.em-btn{align-self:flex-start;margin-top:8px;background:#151613;color:#FFFFFF;font:500 13.5px/1 var(--ui);padding:12px 18px;border-radius:7px}
.em-f{padding:16px 28px;border-top:1px solid #EFF0EE;font-size:11.5px;color:#8E8F89;background:#F8F8F5}
@media (max-width:620px){.sl-cols span{display:none}.sl-leg{grid-template-columns:1fr}.sl-leg div:nth-child(n+3){display:none}}
/* móvil */
.mo-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:#E9EBEA;border-radius:12px;padding:26px 16px 18px}
@media (max-width:1000px){.mo-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.mo-row{grid-template-columns:1fr}}
.mo-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.mo-fig figcaption{font:12px/1.45 var(--ui);color:#5E5F5A;max-width:240px;text-align:center}.mo-fig figcaption b{display:block;color:#151613;font-weight:500}
.mo-f{width:100%;max-width:248px;border-radius:38px;background:#151613;padding:7px;box-shadow:0 24px 44px -22px rgba(14,15,13,.5)}
.mo-s{position:relative;height:540px;border-radius:31px;background:#F4F2EE;overflow:hidden;display:flex;flex-direction:column;font:12px/1.4 var(--ui);color:#151613;font-feature-settings:"cv11" 1}
.mo-sb{display:flex;justify-content:space-between;align-items:center;padding:11px 20px 2px;font:600 11px/1 var(--ui)}
.mo-di{width:64px;height:18px;border-radius:10px;background:#0E0F0D}
.mo-ic{display:flex;gap:2px;align-items:flex-end}.mo-ic b{width:3px;background:#151613;border-radius:1px}.mo-ic b:nth-child(1){height:5px}.mo-ic b:nth-child(2){height:7px}.mo-ic b:nth-child(3){height:9px}
.mo-b{flex:1;padding:8px 14px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.mo-lt{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.mo-lt h6,.mo-under h6,.mo-done h6{margin:0;font:400 26px/1.05 var(--serif);letter-spacing:-.015em}
.mo-av{width:28px;height:28px;border-radius:50%;background:#DCDFDF;display:grid;place-items:center;font:600 10px var(--ui);color:#3A3B37}
.mo-k{font-size:11px;color:#5E5F5A}
.mo-hero{background:#FFFFFF;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}
.mo-big{display:flex;align-items:baseline;gap:6px}.mo-big b{font:400 34px/1 var(--serif);font-feature-settings:"lnum" 1}.mo-big b.sm{font-size:23px}.mo-big span{font-size:12px;color:#5E5F5A}
.mo-seg{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden}
.mo-lg{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#5E5F5A}.mo-lg span{display:inline-flex;align-items:center;gap:4px}.mo-lg em{width:6px;height:6px;border-radius:50%}
.mo-up{font-size:11.5px;color:#236140}
.mo-gh{display:flex;justify-content:space-between;align-items:baseline;padding:4px 4px 0;font:500 11px var(--ui);color:#8E8F89}.mo-gh em{font-style:normal}
.mo-grp{background:#FFFFFF;border-radius:14px;overflow:hidden}
.mo-r{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 12px;position:relative}
.mo-r+.mo-r:before{content:"";position:absolute;left:30px;right:0;top:0;height:1px;background:#EFF0EE}
.mo-r b{display:block;font-weight:500;font-size:12.5px}.mo-r span{font-size:11px;color:#5E5F5A}.mo-r .v{font-size:12px;color:#151613;font-weight:500;font-feature-settings:"tnum" 1}
.mo-r svg{width:15px;height:15px;color:#C7CACA;stroke-width:2}
.mo-dot{width:8px;height:8px;border-radius:50%}.mo-dot.er{background:#C2412D}.mo-dot.rv{background:#B98A12}
.mo-ok{width:16px;height:16px;border-radius:50%;background:#2E7A4B;position:relative}.mo-ok:after{content:"";position:absolute;left:5.5px;top:3px;width:4px;height:7px;border:solid #FFFFFF;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.mo-ok.aw{background:#C9651C}
.mo-tb{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-top:1px solid rgba(21,22,19,.06);padding:7px 4px 22px}
.mo-tb span{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9.5px;color:#8E8F89}
.mo-tb svg{width:19px;height:19px;stroke-width:1.5}.mo-tb .on{color:#151613;font-weight:500}
.mo-tb sup{position:absolute;top:-3px;left:calc(50% + 5px);background:#C2412D;color:#FFFFFF;font:600 8.5px/1 var(--ui);border-radius:8px;padding:2px 4px}
.mo-home{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:90px;height:4px;border-radius:3px;background:#151613}.mo-home.lt{background:#151613}
.mo-dim .mo-under{padding:10px 14px;display:flex;flex-direction:column;gap:10px;opacity:.45;filter:saturate(0)}
.mo-dim:after{content:"";position:absolute;inset:0;background:rgba(14,15,13,.28);z-index:1}
.mo-sheet{position:absolute;left:0;right:0;bottom:0;top:92px;z-index:2;background:#FFFFFF;border-radius:20px 20px 0 0;padding:8px 14px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 -10px 30px -12px rgba(14,15,13,.35)}
.mo-grab{align-self:center;width:34px;height:4px;border-radius:3px;background:#DCDFDF;margin-bottom:4px}
.mo-sh-t{display:flex;justify-content:space-between;align-items:center;gap:6px}.mo-sh-t h6{margin:0;font:400 21px/1.1 var(--serif);white-space:nowrap}
.mo-s .pill{background:#F4F2EE;color:#3A3B37;border-radius:6px;font-weight:500;font-size:10px;padding:3px 6px;white-space:nowrap}
.mo-s .pill.rv:before{background:#B98A12}
.mo-diff{border:1px solid #E6E8E6;border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:6px}
.mo-diff div{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.mo-diff span{font-size:10.5px;color:#5E5F5A}.mo-diff b{font:400 16px/1 var(--serif);text-align:right;font-feature-settings:"tnum" 1}
.mo-diff i{grid-column:1/-1;height:4px;border-radius:2px;background:#151613}.mo-diff div+div i{background:#C7CACA}
.mo-diff small{grid-column:1/-1;font-size:10px;color:#8E8F89}
.mo-diff em{align-self:flex-start;font-style:normal;font:500 10.5px var(--ui);background:#FBF1D9;color:#7D5A06;border-radius:5px;padding:3px 6px}
.mo-sug{display:grid;grid-template-columns:16px 1fr;gap:8px;background:#F0EDF8;border-radius:12px;padding:10px}
.mo-sug svg{width:15px;height:15px;color:#6A55B0;stroke-width:1.6}.mo-sug b{display:block;font-weight:500;font-size:11.5px;color:#54428F}.mo-sug span{font-size:11px;color:#3A3B37}
.mo-p{height:42px;border:0;border-radius:12px;background:#151613;color:#FFFFFF;font:500 13px/1 var(--ui);width:100%}
.mo-sec{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mo-sec button{height:38px;border:1px solid #DCDFDF;border-radius:12px;background:#FFFFFF;color:#151613;font:500 11.5px/1 var(--ui)}.mo-sec em{font-style:normal;color:#8E8F89;margin-left:2px}
.mo-bk{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;color:#151613;margin-top:2px}.mo-bk svg{width:16px;height:16px;stroke-width:1.8}
.mo-act{padding:10px 14px 24px;display:flex;flex-direction:column;gap:7px;align-items:center}
.mo-slide{width:100%;height:48px;border-radius:26px;background:#151613;position:relative;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.72);font:500 12.5px var(--ui);padding-left:34px}
.mo-slide i{position:absolute;left:4px;top:4px;width:40px;height:40px;border-radius:50%;background:#FFFFFF;color:#151613;display:grid;place-items:center}.mo-slide svg{width:16px;height:16px}
.mo-n{font-size:10.5px;color:#8E8F89;text-align:center}
.mo-done{align-items:center;text-align:center;justify-content:center;gap:10px;padding-bottom:40px}
.mo-chk2{width:56px;height:56px;border-radius:50%;background:#2E7A4B;display:grid;place-items:center;box-shadow:0 0 0 8px #EAF3EC}.mo-chk2 svg{width:28px;height:28px}
.mo-ghost{border:0;background:transparent;font:500 12px var(--ui);color:#151613;height:32px}.mo-ghost em{font-style:normal;color:#8E8F89;margin-left:4px;font-feature-settings:"tnum" 1}
.mo-next{width:100%;margin-top:10px;display:flex;flex-direction:column;gap:6px;text-align:left}.mo-next .mo-r{background:#FFFFFF;border-radius:14px}
/* reporte en código */
.rp-set{background:#E9EBEA;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:18px}
.rp-ctl{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:flex-end}
.rp-ctl>div{display:flex;flex-direction:column;gap:6px}
.rp-cl{font:500 11px var(--ui);color:#5E5F5A}
.rp-chips{display:inline-flex;flex-wrap:wrap;gap:2px;background:#DCDFDF;border-radius:9px;padding:3px}
.rp-chips button{font:500 12px/1 var(--ui);color:#3A3B37;background:transparent;border:0;border-radius:7px;padding:7px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.rp-chips button[aria-pressed="true"]{background:#FFFFFF;color:#151613;box-shadow:0 1px 2px rgba(14,15,13,.08)}
.rp-chips button:focus-visible{outline:2px solid #2F5FA3;outline-offset:1px}
.rp-chips.rp-sw i{width:10px;height:10px;border-radius:50%}
.rp-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.rp-set[data-view="full"] .rp-pages{grid-template-columns:minmax(0,794px);justify-content:center}
@media (max-width:820px){.rp-pages{grid-template-columns:1fr}}
.rp-cell{min-width:0;overflow:hidden;border-radius:3px;box-shadow:0 16px 34px -18px rgba(14,15,13,.4)}
.rp-pg{width:794px;height:1123px;background:#FFFFFF;color:#151613;font:400 12.5px/1.5 var(--ui);font-feature-settings:"cv11" 1;display:flex;flex-direction:column;padding:50px 60px 40px;position:relative;box-shadow:inset 0 3px 0 var(--acc)}
.rp-pg.cov{padding:0;box-shadow:none}
.rp-h{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8E8F89;padding-bottom:12px;border-bottom:1px solid #DCDFDF;margin-bottom:30px}
.rp-mfo{font:600 10px/1 var(--ui);letter-spacing:.24em;color:var(--acc)}
.rp-b{flex:1;display:flex;flex-direction:column;gap:18px;min-height:0}
.rp-f{display:flex;justify-content:space-between;font-size:9.5px;color:#8E8F89;border-top:1px solid #DCDFDF;padding-top:10px;margin-top:14px;font-feature-settings:"tnum" 1}
.cov .rp-f{margin:0 60px 40px}
.rp-h2{margin:0;font:400 27px/1.15 var(--serif);letter-spacing:-.01em}
.rp-hr{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.rp-k{font:500 10px/1.3 var(--ui);color:#5E5F5A}
.rp-st{font:600 11.5px var(--ui);color:#151613}
.rp-hero{font:400 44px/1 var(--serif);letter-spacing:-.012em;font-feature-settings:"tnum" 1,"lnum" 1}
.rp-sub{font-size:12px;color:#5E5F5A}.rp-up{color:#236140;font-weight:500}.neg{color:#9F3222}
.rp-note{margin:0;font-size:10px;color:#5E5F5A;line-height:1.5}
.rp-lead{margin:0;font-size:13.5px;color:#3A3B37;max-width:560px}
/* portada */
.rp-cv{position:relative;height:590px;overflow:hidden;background:var(--acc);color:#EEEFEC}
.rp-tx{position:absolute;inset:0;width:100%;height:100%;display:none}
.rp-set[data-tex="granito"] .rp-tx[data-t="granito"],.rp-set[data-tex="cordillera"] .rp-tx[data-t="cordillera"],.rp-set[data-tex="pizarra"] .rp-tx[data-t="pizarra"],.rp-set[data-tex="tierra"] .rp-tx[data-t="tierra"],.rp-set[data-tex="niebla"] .rp-tx[data-t="niebla"]{display:block}
.rp-cv:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.28) 100%)}
.rp-set[data-tex="niebla"] .rp-cv{color:#151613}.rp-set[data-tex="niebla"] .rp-cv:after{display:none}
.rp-cv .rp-mfo{color:inherit}
.rp-cvin{position:absolute;inset:0;z-index:1;padding:50px 60px 52px;display:flex;flex-direction:column;justify-content:space-between}
.rp-cvk{font:500 11px var(--ui);letter-spacing:.06em;opacity:.8}
.rp-cv h4{margin:10px 0 6px;font:400 64px/1 var(--serif);letter-spacing:-.02em}
.rp-cvp{font:400 22px/1.2 var(--serif);opacity:.8}
.rp-cvb{flex:1;padding:36px 60px 0;display:flex;flex-direction:column;gap:26px}
.rp-cvfig{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.rp-cvfig>div{display:flex;flex-direction:column;gap:6px}
.rp-stamp{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#3A3B37;background:#F4F2EE;border-radius:5px;padding:6px 9px;white-space:nowrap}.rp-stamp i{width:6px;height:6px;border-radius:50%;background:#2E7A4B}
.rp-meta{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:10px;padding:14px 0;border-top:1px solid #DCDFDF;border-bottom:1px solid #DCDFDF}
.rp-meta div{display:flex;flex-direction:column;gap:3px}.rp-meta span{font-size:10px;color:#5E5F5A}.rp-meta b{font-weight:500;font-size:12px;font-feature-settings:"tnum" 1}
.rp-toc{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.rp-toc li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #EDEEEC;font-size:12px;break-inside:avoid}.rp-toc em{font-style:normal;color:#8E8F89}
/* resumen */
.rp-sum{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:end}.rp-sum>div:first-child{display:flex;flex-direction:column;gap:6px}
.rp-stk{display:flex;gap:2px;height:9px;border-radius:3px;overflow:hidden}.rp-stk.t{height:12px}
.rp-ball{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#5E5F5A}.rp-ball span,.rp-lg span{display:inline-flex;align-items:center;gap:5px}
.rp-ball em,.rp-lg em{width:8px;height:8px;border-radius:2px;display:inline-block}
.rp-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #DCDFDF;border-radius:8px}
.rp-kpis div{padding:13px 14px;border-right:1px solid #DCDFDF;display:flex;flex-direction:column;gap:3px}.rp-kpis div:last-child{border-right:0}
.rp-kpis span{font-size:10px;color:#5E5F5A}.rp-kpis b{font:400 17px/1.1 var(--serif);font-feature-settings:"tnum" 1,"lnum" 1;white-space:nowrap}.rp-kpis small{font-size:9.5px;color:#8E8F89}
.rp-q{margin:0;padding:4px 0 4px 18px;border-left:2px solid var(--acc)}
.rp-q p{margin:0;font:400 14.5px/1.5 var(--serif)}.rp-q cite{display:block;margin-top:6px;font:normal 10px var(--ui);color:#5E5F5A}
.rp-2c{display:grid;grid-template-columns:1.15fr 1fr;gap:34px}
.rp-2c>div{display:flex;flex-direction:column;gap:9px}.rp-col{gap:22px!important}.rp-col>div{display:flex;flex-direction:column;gap:9px}
.rp-hb{display:grid;grid-template-columns:118px 1fr 44px;gap:10px;align-items:center;font-size:11.5px}
.rp-hb i{height:10px;background:#F1F2F0;border-radius:2px;overflow:hidden}.rp-hb i b{display:block;height:100%;background:var(--acc);border-radius:2px}
.rp-hb em{font-style:normal;text-align:right;font-weight:500;font-feature-settings:"tnum" 1}
.rp-lg{display:flex;flex-direction:column}.rp-lg div{display:grid;grid-template-columns:12px 1fr auto;gap:6px;align-items:center;padding:5px 0;border-bottom:1px solid #EDEEEC;font-size:11.5px}.rp-lg b{font-weight:500;font-feature-settings:"tnum" 1}
/* indicadores */
.rp-inds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rp-ind{border:1px solid #DCDFDF;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:3px}
.rp-ind>b{font:400 30px/1.05 var(--serif);margin-top:6px;font-feature-settings:"tnum" 1,"lnum" 1}
.rp-u{font-size:11px;color:#3A3B37}
.rp-mt{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:8px 0 2px;font-size:9px;color:#8E8F89}
.rp-mt i{height:5px;background:#EDEEEC;border-radius:3px;overflow:hidden}.rp-mt i b{display:block;height:100%;background:var(--acc)}
.rp-mt.up{grid-template-columns:auto 1fr}.rp-mt.up b{color:#236140;font-size:13px}
.rp-ind p{margin:4px 0 6px;font-size:10px;line-height:1.45;color:#5E5F5A;flex:1}
.rp-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font:500 9.5px/1 var(--ui);background:#F4F2EE;color:#3A3B37;border-radius:4px;padding:4px 7px}
.rp-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:#2E7A4B}.rp-tag.il:before{background:#B98A12}
.rp-al{display:flex;flex-direction:column;border-top:1px solid #DCDFDF}
.rp-al>div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #EDEEEC}
.rp-al i{width:7px;height:7px;border-radius:50%;margin-top:5px}.rp-al i.aw{background:#C9651C}.rp-al i.in{background:#2F5FA3}
.rp-al b{display:block;font-weight:500}.rp-al span{font-size:11px;color:#5E5F5A}.rp-al em{font-style:normal;font-size:10px;color:#8E8F89}
/* tabla */
.rp-t{width:100%;border-collapse:collapse;font-size:11px}
.rp-t th{text-align:left;font:500 9.5px var(--ui);color:#8E8F89;padding:0 7px 7px;border-bottom:1px solid #C7CACA}
.rp-t td{padding:7px;border-bottom:1px solid #EDEEEC;vertical-align:top}
.rp-t td:first-child,.rp-t th:first-child{padding-left:0}.rp-t td:last-child,.rp-t th:last-child{padding-right:0}
.rp-t .n{text-align:right;white-space:nowrap;font-feature-settings:"tnum" 1}.rp-t .m{color:#5E5F5A}.rp-t b{font-weight:500}
.rp-t .d{font-size:10px;color:#8E8F89;white-space:nowrap;padding-left:14px}
.rp-t .g td{padding-top:14px;font-weight:600;font-size:10.5px;color:var(--acc);border-bottom:1px solid #DCDFDF}.rp-t .g .n{color:#5E5F5A;font-weight:500}
.rp-t .s td{font-weight:600;border-top:1px solid #C7CACA}
.rp-t .t td{font:400 18px/1.2 var(--serif);padding-top:10px;border-top:1.5px solid #151613;border-bottom:0}
.rp-t .w{display:flex;align-items:center;gap:5px;font-size:9.5px;color:#9C4B12;margin-top:2px}.rp-t .w i{width:5px;height:5px;border-radius:50%;background:#C9651C}
/* exposición */
.rp-ebs{display:flex;flex-direction:column}
.rp-ax,.rp-eb{display:grid;grid-template-columns:190px 1fr 58px 96px;gap:12px;align-items:center}
.rp-ax{font-size:9.5px;color:#8E8F89;padding-bottom:6px;border-bottom:1px solid #C7CACA}
.rp-ax .tk{display:flex;justify-content:space-between}.rp-ax em{font-style:normal}.rp-ax .r{text-align:right}
.rp-eb{padding:7px 0;border-bottom:1px solid #EDEEEC}
.rp-eb div b{display:block;font-weight:500;font-size:11.5px}.rp-eb div span{font-size:9.5px;color:#8E8F89}
.rp-eb i{height:10px;background:#F1F2F0;border-radius:2px;overflow:hidden}.rp-eb i b{display:block;height:100%;background:var(--acc)}
.rp-eb em{font-style:normal;text-align:right;font-weight:500;font-size:11.5px;font-feature-settings:"tnum" 1}
.rp-eb small{text-align:right;font-size:10px;color:#5E5F5A;font-feature-settings:"tnum" 1}
.rp-wb{display:flex;gap:7px;background:#F8F8F5;border-radius:8px;padding:10px 12px}.rp-wb i{width:6px;height:6px;border-radius:50%;background:#C9651C;flex:none;margin-top:4px}
/* móvil: animaciones */
.mo-tap{position:absolute;z-index:6;left:50%;top:70%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(21,22,19,.18);box-shadow:0 0 0 2px rgba(255,255,255,.95),0 6px 14px rgba(14,15,13,.25);opacity:0;pointer-events:none;transition:left .7s var(--ease),top .7s var(--ease),opacity .25s}
.mo-tap.on{opacity:1}.mo-tap.press{animation:moTap .4s var(--ease)}
@keyframes moTap{45%{transform:scale(.72);background:rgba(21,22,19,.32)}}
.mo-r,.mo-p,.mo-sec button{transition:background-color .2s var(--ease),transform .12s var(--ease)}
.mo-r.hl{background:#F1F2F0}.mo-p.press{transform:scale(.97)}
.mo-seg.grow i{animation:moSeg .9s var(--ease) both;transform-origin:left}.mo-seg.grow i:nth-child(2){animation-delay:.12s}.mo-seg.grow i:nth-child(3){animation-delay:.24s}
@keyframes moSeg{from{transform:scaleX(0)}}
.mo-tb sup{animation:moBd 2.4s ease-in-out infinite}@keyframes moBd{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.25)}}
.mo-sheet{transition:transform .55s cubic-bezier(.2,.85,.25,1)}.mo-sheet.down{transform:translateY(102%)}
.mo-dim:after{transition:opacity .45s}.mo-dim.nod:after{opacity:0}
.mo-diff i{transition:width .7s var(--ease),background-color .4s}.mo-diff em{transition:background-color .3s,color .3s}
.mo-diff.res div+div i{width:100%!important;background:#151613}.mo-diff.res em{background:#EAF3EC;color:#236140}
.mo-s .pill.ok:before{background:#2E7A4B}
.mo-slide{overflow:hidden;transition:background-color .35s .55s}.mo-slide i{transition:left .85s cubic-bezier(.5,0,.2,1)}.mo-slide span{transition:opacity .3s}
.mo-slide.go{background:#2E7A4B}.mo-slide.go i{left:calc(100% - 44px)}.mo-slide.go span{opacity:0}
.mo-chk2.pop{animation:moPop .7s cubic-bezier(.3,1.5,.5,1) both}@keyframes moPop{from{transform:scale(0);box-shadow:0 0 0 0 #EAF3EC}60%{box-shadow:0 0 0 14px #EAF3EC}}
.mo-done.in>*:not(.mo-chk2){animation:rise .6s var(--ease) both}.mo-done.in>*:nth-child(2){animation-delay:.2s}.mo-done.in>*:nth-child(3){animation-delay:.28s}.mo-done.in>*:nth-child(4){animation-delay:.36s}.mo-done.in>*:nth-child(5){animation-delay:.44s}.mo-done.in>*:nth-child(6){animation-delay:.6s}
@media (prefers-reduced-motion:reduce){.mo-tap{display:none}}
/* reporte: ampliar */
.rp-cell{cursor:zoom-in;transition:transform .2s var(--ease),box-shadow .2s var(--ease);position:relative}
.rp-cell:hover{transform:translateY(-2px);box-shadow:0 22px 40px -18px rgba(14,15,13,.5)}
.rp-cell:focus-visible{outline:2px solid #2F5FA3;outline-offset:3px}
.rp-cell:after{content:"Ampliar";position:absolute;right:10px;top:10px;font:500 11px/1 var(--ui);background:rgba(21,22,19,.82);color:#FFFFFF;border-radius:6px;padding:6px 8px;opacity:0;transition:opacity .2s}
.rp-cell:hover:after{opacity:1}
.rp-set[data-view="full"] .rp-cell:after{display:none}
.rp-hint{font:12px var(--ui);color:#5E5F5A;margin:-6px 0 0}
.rp-lb{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(14,15,13,.94);color:#EEEFEC;overflow:hidden}
.rp-lb::backdrop{background:transparent}
.rp-lb[open]{display:flex;flex-direction:column;animation:lbIn .25s var(--ease)}@keyframes lbIn{from{opacity:0}}
.rp-lbbar{display:flex;align-items:center;gap:8px;padding:12px 16px;font:500 12.5px var(--ui);flex-wrap:wrap}
.rp-lbbar .sp{flex:1}
.rp-lbbar button{font:500 12.5px/1 var(--ui);color:#EEEFEC;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:8px;height:32px;min-width:32px;padding:0 10px;cursor:pointer}
.rp-lbbar button:hover{background:rgba(255,255,255,.18)}.rp-lbbar button:focus-visible{outline:2px solid #8FB3E8;outline-offset:2px}
.rp-lbbar output{min-width:48px;text-align:center;font-feature-settings:"tnum" 1}
.rp-lbsc{flex:1;overflow:auto;padding:8px 16px 28px;display:flex;justify-content:safe center;align-items:flex-start}
.rp-lbsc .rp-pg{box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 3px 0 var(--acc);flex:none}
.rp-lbsc .rp-pg.cov{box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
/* texturas raster */
.txi{background-size:cover;background-position:center}i.tex{display:block}
.tx-granito{background-image:url(granito.jpg)}
.tx-cordillera-nocturna{background-image:url(cordillera-nocturna.jpg)}
/* móvil: recorrido */
.mf{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:center;background:#E9EBEA;border-radius:12px;padding:30px 34px}
@media (max-width:760px){.mf{grid-template-columns:1fr;justify-items:center;padding:22px 16px}}
.mf-ph .mo-f{max-width:290px;width:290px}
.mf-s{height:590px}
.mf-sc{position:absolute;inset:0;display:flex;flex-direction:column;background:#F4F2EE;transform:translateX(100%);transition:transform .55s cubic-bezier(.2,.85,.25,1),opacity .45s,filter .55s;will-change:transform}
.mf-sc.on{transform:none}.mf-sc.left{transform:translateX(-28%);filter:brightness(.93)}
.mf-sc.lock{transform:none;opacity:0;background:#0E0F0D;color:#EEEFEC}.mf-sc.lock.on{opacity:1}.mf-sc.lock.left{opacity:0;transform:scale(1.06)}
.mf-sc.home{transform:scale(.94);opacity:0}.mf-sc.home.on{transform:none;opacity:1}.mf-sc.home.left{transform:translateX(-28%);opacity:1}
.mf-wall{position:absolute;inset:0;opacity:.95}
.mf-sc.lock>.mo-sb,.mf-sc.lock>.mf-clock{position:relative}
.mo-sb.lt{color:#EEEFEC}.mo-sb.lt .mo-ic b{background:#EEEFEC}
.mf-clock{display:flex;flex-direction:column;align-items:center;margin-top:26px;gap:2px}
.mf-clock span{font:500 12.5px var(--ui);opacity:.85}.mf-clock b{font:300 64px/1 var(--ui);letter-spacing:-.03em}
.mf-ntf{position:absolute!important;left:10px;right:10px;bottom:62px;margin:0;white-space:normal;background:rgba(245,246,244,.78);backdrop-filter:blur(18px);color:#151613;border-radius:18px;padding:11px 13px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px -10px rgba(0,0,0,.4);transition:transform .15s}
.mf-ntf.press{transform:scale(.97)}
.mf-nh{display:flex;align-items:center;gap:6px;font:500 10px var(--ui);color:#5E5F5A;margin-bottom:3px}.mf-nh svg{width:17px;height:17px;border-radius:5px;background:#0E0F0D;padding:1px}.mf-nh em{margin-left:auto;font-style:normal}
.mf-ntf b{font:600 12.5px/1.3 var(--ui)}.mf-ntf>span{font-size:11.5px;color:#3A3B37;line-height:1.35}
.mo-home.lt2{background:#EEEFEC}
.mf-prog{display:flex;justify-content:space-between;align-items:baseline}.mf-prog b{font:400 20px var(--serif)}
.mf-bar{height:6px;border-radius:3px;background:#EDEEEC;overflow:hidden}.mf-bar i{display:block;height:100%;width:75%;background:#151613;border-radius:3px;transition:width .8s var(--ease) .2s}
.mf-s .x-o{display:none}.mf-s.res .x-o{display:revert}.mf-s.res .x-p{display:none}.mf-s.res .mf-bar i{width:100%;background:#2E7A4B}
.mf-s .mo-r.x-o{display:none}.mf-s.res .mo-r.x-o{display:grid;animation:rise .5s var(--ease)}
.mf-apr{background:#DCDFDF;color:#8E8F89;transition:background-color .4s,color .4s,transform .12s}.mf-s.res .mf-apr{background:#151613;color:#FFFFFF}
.mf-dim{position:absolute;inset:0;background:rgba(14,15,13,.3);opacity:0;pointer-events:none;transition:opacity .4s;z-index:3}
.mf-s.sheet .mf-dim{opacity:1}
.mf-sheet{z-index:4;transform:translateY(102%)}.mf-s.sheet .mf-sheet{transform:none}
.mf-fid{position:absolute;left:50%;top:44%;z-index:5;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:24px;background:rgba(21,22,19,.82);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:500 11px var(--ui);color:#FFFFFF;opacity:0;transform:scale(.85);transition:opacity .25s,transform .3s var(--ease)}
.mf-fid svg{width:46px;height:46px}.mf-s.fid .mf-fid{opacity:1;transform:none}
.mf-tap{z-index:7}
.mf-s.snap *,.mf-s.snap{transition:none!important;animation:none!important}
.mf-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.mf-steps li{position:relative;border-radius:10px;overflow:hidden}
.mf-steps button{width:100%;display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;text-align:left;background:transparent;border:0;padding:10px 12px;cursor:pointer;font:13px/1.45 var(--ui);color:#5E5F5A;border-radius:10px}
.mf-steps button:hover{background:rgba(255,255,255,.5)}
.mf-steps button:focus-visible{outline:2px solid #2F5FA3;outline-offset:-2px}
.mf-steps em{font-style:normal;width:24px;height:24px;border-radius:50%;border:1px solid #C7CACA;display:grid;place-items:center;font:500 11px var(--ui);color:#8E8F89}
.mf-steps b{display:block;color:#3A3B37;font-weight:500;font-size:13.5px}
.mf-steps li.on button{background:#FFFFFF;color:#3A3B37;box-shadow:0 1px 2px rgba(14,15,13,.06)}.mf-steps li.on b{color:#151613}
.mf-steps li.on em{background:#151613;border-color:#151613;color:#FFFFFF}.mf-steps li.dn em{background:#DCDFDF;border-color:#DCDFDF;color:#3A3B37}
.mf-pr{position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:1px;background:#151613;transform:scaleX(0);transform-origin:left;opacity:0}
.mf-steps li.on .mf-pr{opacity:.9}
.mf-ctl{display:flex;gap:8px;margin-top:14px;padding-left:12px}
.mf-ctl button{font:500 12.5px/1 var(--ui);background:#FFFFFF;border:1px solid #DCDFDF;border-radius:8px;height:32px;padding:0 12px;color:#151613;cursor:pointer}
.mf-ctl button:focus-visible{outline:2px solid #2F5FA3;outline-offset:2px}
/* 12 motion */
.mv-v{margin:0;display:flex;flex-direction:column;gap:8px}.mv-v video{width:100%;aspect-ratio:16/9;display:block;border-radius:10px;border:1px solid var(--rule);background:#000}
.mv-v figcaption{font-size:13px;color:var(--muted)}
.mv-lt{display:grid;grid-template-columns:220px 220px 1fr;gap:16px;align-items:center}
@media (max-width:700px){.mv-lt{grid-template-columns:1fr 1fr}.mv-lx{grid-column:1/-1}}
.mv-lc{aspect-ratio:1;border-radius:12px;border:1px solid var(--rule);display:grid;place-items:center}.mv-la{width:62%;height:62%}
.mv-lx{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.mv-lx p{font-size:14px;color:var(--muted)}
.mv-rp{position:static}
.sb{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;counter-reset:sb}
@media (max-width:860px){.sb{grid-template-columns:1fr 1fr}}@media (max-width:520px){.sb{grid-template-columns:1fr}}
.sbf{display:flex;flex-direction:column;gap:10px;counter-increment:sb}
.sbs{container-type:inline-size;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#F8F8F5;border:1px solid #DCDFDF;font-family:var(--ui);color:#151613}
.sbs:before{content:counter(sb);position:absolute;right:8px;bottom:8px;z-index:3;font:600 10px/1 var(--ui);background:rgba(21,22,19,.8);color:#FFFFFF;border-radius:5px;padding:4px 6px}
.sbs.dk{background:#0E0F0D;border-color:#0E0F0D;color:#EEEFEC}
.sbs>.txi{position:absolute;inset:0}
.sbc{position:absolute;inset:0;padding:9cqw 8cqw;display:flex;flex-direction:column;justify-content:space-between}
.sbc.ce{align-items:center;justify-content:center;gap:4cqw;text-align:center}
.sbq{font:400 6cqw/1.12 var(--serif);max-width:12em}.sbq.sm{font-size:4.6cqw;color:#A1A39D}
.sbdocs{display:flex;gap:2cqw}.sbdocs i{font:500 3cqw/1 var(--ui);font-style:normal;background:#FFFFFF;color:#151613;border-radius:1.4cqw;padding:2.4cqw 2.8cqw;box-shadow:0 2cqw 4cqw -2cqw rgba(0,0,0,.5)}
.sbdocs i:nth-child(1){transform:rotate(-4deg)}.sbdocs i:nth-child(2){transform:rotate(3deg) translateY(1.5cqw)}.sbdocs i:nth-child(3){transform:rotate(-2deg)}.sbdocs i:nth-child(4){transform:rotate(5deg) translateY(1cqw)}
.sbui{position:absolute;inset:6cqw 7cqw;display:flex;flex-direction:column;gap:2.4cqw}
.sbh{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw}.sbh b{font:400 5cqw/1.1 var(--serif)}.sbh span{font-size:2.6cqw;color:#5E5F5A;white-space:nowrap}
.sbk{display:flex;gap:1.6cqw}.sbk i{flex:1;font-style:normal;border:1px solid #E6E8E6;background:#FFFFFF;border-radius:1.6cqw;padding:1.8cqw 2cqw;font-size:2.4cqw;color:#5E5F5A;display:flex;flex-direction:column}.sbk b{font:400 5.4cqw/1 var(--serif);color:#151613}
.sbrow{display:flex;justify-content:space-between;align-items:center;font-size:3cqw;padding:1.6cqw 1.8cqw;border-bottom:1px solid #EFF0EE}.sbrow.on{background:#FFFFFF;border-radius:1.4cqw;box-shadow:0 0 0 1px #E3E5E3}
.sbp{font-style:normal;font:500 2.3cqw/1 var(--ui);background:#F4F2EE;border-radius:1cqw;padding:1cqw 1.4cqw;display:inline-flex;align-items:center;gap:1cqw;white-space:nowrap}
.sbp:before{content:"";width:1.3cqw;height:1.3cqw;border-radius:50%;background:#8E8F89}.sbp.ok:before{background:#2E7A4B}.sbp.rv:before{background:#B98A12}.sbp.wn:before{background:#C9651C}
.sbcur{position:absolute;width:4cqw;height:4cqw;margin:-2cqw 0 0 -2cqw;border-radius:50%;background:rgba(21,22,19,.2);box-shadow:0 0 0 .5cqw rgba(255,255,255,.95)}
.sbflow{flex:1;display:grid;grid-template-columns:1.1fr .6fr .8fr;align-items:center}
.sbsrc{display:flex;flex-direction:column;gap:1.6cqw}.sbsrc i{font-style:normal;font-size:2.5cqw;background:#FFFFFF;border:1px solid #E6E8E6;border-radius:1.2cqw;padding:1.4cqw 1.8cqw}
.sbln{display:flex;flex-direction:column;gap:5.4cqw}.sbln b{height:1px;background:repeating-linear-gradient(90deg,#151613 0 1.2cqw,transparent 1.2cqw 2.6cqw)}
.sbnode{background:#FFFFFF;border:1px solid #E6E8E6;border-radius:2cqw;padding:3cqw 2cqw;display:flex;flex-direction:column;align-items:center;gap:1.4cqw;font-size:2.4cqw;color:#5E5F5A;text-align:center}.sbnode svg{width:8cqw;height:8cqw}
.sbcmp{display:grid;grid-template-columns:1fr 1fr;border:1px solid #E6E8E6;border-radius:1.6cqw;background:#FFFFFF}
.sbcmp div{padding:2cqw 2.4cqw;display:flex;flex-direction:column}.sbcmp div:first-child{border-right:1px solid #E6E8E6}.sbcmp span{font-size:2.3cqw;color:#5E5F5A}.sbcmp b{font:400 4.2cqw/1.2 var(--serif)}
.sbd{align-self:flex-start;font:500 2.6cqw/1 var(--ui);background:#FBF1D9;color:#7D5A06;border-radius:1cqw;padding:1.3cqw 1.8cqw}
.sbwhy{background:#F4F2EE;border-radius:1.6cqw;padding:2cqw 2.4cqw;display:flex;flex-direction:column;gap:.8cqw}.sbwhy b{font-size:2.6cqw;font-weight:500}.sbwhy span{font-size:2.4cqw;color:#5E5F5A;line-height:1.4}
.sbopt{display:flex;align-items:center;gap:1.6cqw;font-size:2.8cqw;padding:1.8cqw 2cqw;border:1px solid #E6E8E6;border-radius:1.4cqw;background:#FFFFFF}.sbopt i{width:2.6cqw;height:2.6cqw;border-radius:50%;border:1px solid #C7CACA}.sbopt.on i{border:.8cqw solid #151613}.sbopt .sbp{margin-left:auto}
.sbtl{display:flex;flex-direction:column;gap:1.2cqw;border-left:1px solid #DCDFDF;padding-left:2cqw;margin-top:.6cqw}.sbtl span{font-size:2.4cqw;color:#5E5F5A}.sbtl b{color:#151613;font-weight:500}
.sbok{display:flex;align-items:center;gap:1.4cqw;font:500 3cqw var(--ui);color:#236140}.sbok i{width:2.6cqw;height:2.6cqw;border-radius:50%;background:#2E7A4B}
.sbbtn{align-self:flex-start;background:#151613;color:#FFFFFF;font:500 3cqw/1 var(--ui);border-radius:1.4cqw;padding:2.2cqw 3cqw}
.sbbig{font:400 7cqw/1 var(--serif);display:flex;flex-direction:column;gap:1cqw}.sbbig em{font:500 2.6cqw var(--ui);font-style:normal;color:#236140}
.sbch{width:100%;height:18cqw}.sbax{font-size:2.3cqw;color:#8E8F89}
.sbrep{flex-direction:row;align-items:center;justify-content:center;gap:4cqw}
.sbpg{position:relative;width:26cqw;aspect-ratio:210/297;border-radius:.8cqw;overflow:hidden;box-shadow:0 2cqw 4cqw -1.6cqw rgba(0,0,0,.45);color:#EEEFEC;padding:2.4cqw;display:flex;flex-direction:column;justify-content:flex-end;background:#0E3B32}
.sbpg .txi{position:absolute;inset:0 0 40% 0;opacity:.9}.sbpg>*:not(.txi){position:relative}.sbpg span{position:absolute!important;top:2.4cqw;left:2.4cqw;font:600 1.6cqw var(--ui);letter-spacing:.2em}
.sbpg b{font:400 3.4cqw/1.1 var(--serif)}.sbpg em{font-style:normal;font-size:1.8cqw;opacity:.8}
.sbsw{display:flex;flex-direction:column;gap:1.6cqw}.sbsw i{width:5cqw;height:5cqw;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 0 0 1px #DCDFDF}.sbsw i:first-child{box-shadow:0 0 0 2px #151613}
.sbt{display:flex;flex-direction:column;gap:3px}.sbt em{font:500 11px var(--mono);font-style:normal;color:var(--muted)}.sbt b{font-size:14px;font-weight:600}.sbt span{font-size:13px;color:var(--muted);line-height:1.5}
/* ---------- sitio: ajustes sobre la guía ---------- */
:root{color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;padding:0;background:#F8F8F5;color:#151613;-webkit-font-smoothing:antialiased}
.w2{border:0;border-radius:0;overflow:visible;max-width:none}
.w2>main>.whero,.w2>main>.wblk,.w2>main>.wfmt{max-width:1200px;margin-inline:auto;width:100%}
.w2>main>.wvis{max-width:1144px;margin-inline:auto}
@media (max-width:1200px){.w2>main>.wvis{margin-inline:28px}}
@media (max-width:620px){.w2>main>.wvis{margin-inline:16px}.whero,.wblk,.wfmt{padding-inline:16px!important}.wn{padding-inline:16px}}
.wn{justify-content:space-between}
.wn>.lock{color:#151613;text-decoration:none}
.wn nav a{color:inherit;text-decoration:none}
.wn nav a:hover{color:#151613;text-decoration:underline;text-underline-offset:4px}
a.wb{display:inline-block;text-decoration:none}
a.lnk{text-decoration:none}
a.lnk:hover{text-decoration:underline;text-underline-offset:4px}
a:focus-visible{outline:2px solid #2F5FA3;outline-offset:3px;border-radius:4px}
.wend{overflow:hidden}
.wend-in,.wfoot{max-width:1200px;margin-inline:auto}
.wfoot{border-top-color:rgba(255,255,255,.08)}
.wfoot a{color:inherit;text-decoration:none}
.wfoot a:hover{color:#EEEFEC}
@media (max-width:620px){.wfoot .sp{display:none}.wfoot{padding-inline:16px}}
.mq{display:block}
.mqt{flex:none;flex-wrap:nowrap}
.wfoot{background:#0E0F0D;max-width:none;margin:0;padding-inline:max(28px,calc((100% - 1144px)/2))}
@media (max-width:620px){.hero-stage .app{min-width:720px;zoom:.42}.wvis .hero-stage{padding-top:28px}}