:root{
  --ink:#0E1113; --ink-2:#191E21;
  --bone:#F1F0EA; --bone-2:#E5E3DA;
  --rule:#CFCCC1; --rule-d:rgba(241,240,234,.18);
  --tx:#20262A; --tx-2:#5C6367;
  --tx-d:#EDEBE4; --tx-d2:rgba(237,235,228,.64);
  --sunk:#8A8780; --debt:#C0272D; --opp:#E9A227; --risk:#8E2F6B; --paid:#1E7A4F;
  --f-d:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-b:"Newsreader",Georgia,serif;
  --f-m:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --pad:clamp(20px,5vw,68px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bone);color:var(--tx);font-family:var(--f-b);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:var(--f-d);margin:0;font-weight:800;line-height:1.04;letter-spacing:-.018em}
p{margin:0 0 1em}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:790px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--opp);color:#231A05;padding:10px 16px;font-family:var(--f-d);font-size:13px}

/* nav */
.top{position:sticky;top:0;z-index:60;background:rgba(14,17,19,.94);backdrop-filter:blur(10px);color:var(--tx-d);border-bottom:1px solid var(--rule-d)}
.top-in{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:18px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.mark{font-family:var(--f-m);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--tx-d)}
.mark s{width:9px;height:9px;background:var(--debt);border-radius:50%;display:block;flex:none}
.nav{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--f-d);font-variation-settings:"wdth" 74;font-size:11.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.nav a{text-decoration:none;color:var(--tx-d2);border-bottom:1px solid transparent;padding-bottom:2px}
.nav a:hover{color:var(--opp);border-color:var(--opp)}
.nav a[aria-current=page]{color:var(--opp);border-color:var(--opp)}

/* estructura */
.sec{padding:clamp(58px,8vw,112px) 0}
.sec.b2{background:var(--bone-2)}
.sec.dk{background:var(--ink);color:var(--tx-d)}
.eyebrow{font-family:var(--f-d);font-variation-settings:"wdth" 66;font-weight:700;font-size:11px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--tx-2);margin:0 0 20px;display:flex;align-items:center;gap:14px}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--rule)}
.eyebrow i{font-style:normal;color:var(--debt)}
.sec.dk .eyebrow{color:var(--tx-d2)}
.sec.dk .eyebrow::after{background:var(--rule-d)}
.sec.dk .eyebrow i{color:var(--opp)}
h2.big{font-size:clamp(30px,4.8vw,56px);font-variation-settings:"wdth" 105;max-width:19ch;margin-bottom:20px}
h3.mid{font-size:clamp(21px,2.8vw,30px);font-variation-settings:"wdth" 100;margin:44px 0 14px;max-width:24ch}
.lede{font-size:clamp(17.5px,2vw,21px);line-height:1.5;color:var(--tx-2);max-width:65ch}
.sec.dk .lede{color:var(--tx-d2)}
.prose{max-width:70ch}
.prose p{margin-bottom:1.1em}
.prose ul{padding-left:20px}
.prose li{margin-bottom:6px}

/* hero */
.hero{background:var(--ink);color:var(--tx-d);padding:clamp(46px,7vw,86px) 0 clamp(48px,7vw,88px)}
.crumb{font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-d2);
  border-bottom:1px solid var(--rule-d);padding-bottom:12px;margin-bottom:clamp(26px,4vw,46px);display:flex;gap:10px;flex-wrap:wrap}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--opp)}
h1.t{font-size:clamp(38px,8.5vw,110px);font-variation-settings:"wdth" 114;font-weight:900;line-height:.86;letter-spacing:-.038em;text-transform:uppercase}
h1.t span{display:block}
h1.t .r{color:var(--debt)}
h1.p{font-size:clamp(32px,6vw,68px);font-variation-settings:"wdth" 108;font-weight:900;line-height:.95;letter-spacing:-.03em;max-width:16ch}
.sig{margin-top:clamp(28px,4vw,48px);border-left:3px solid var(--opp);padding:10px 0 10px 22px;max-width:34ch}
.sig p{font-family:var(--f-d);font-variation-settings:"wdth" 96;font-weight:700;font-size:clamp(19px,2.9vw,30px);line-height:1.15;margin:0;color:var(--opp)}
.sig small{font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-d2);display:block;margin-top:12px}
.hdef{margin-top:clamp(26px,4vw,46px);max-width:66ch;font-size:clamp(17px,2vw,20px);color:var(--tx-d2);line-height:1.55}
.hdef b{color:var(--tx-d);font-weight:600}
.cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}
.btn{font-family:var(--f-d);font-variation-settings:"wdth" 78;font-weight:700;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;padding:14px 22px;border:1.5px solid var(--debt);background:var(--debt);color:#fff;
  text-decoration:none;cursor:pointer;display:inline-block;transition:transform .15s,background .15s,color .15s}
.btn:hover{transform:translateY(-2px)}
.btn.gh{background:transparent;border-color:var(--rule-d);color:var(--tx-d)}
.btn.gh:hover{border-color:var(--opp);color:var(--opp)}
.btn.dk{background:var(--ink);border-color:var(--ink);color:var(--bone)}
.btn.oro{background:var(--opp);border-color:var(--opp);color:#231A05}

/* naturalezas */
.key{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:16px}
@media(max-width:900px){.key{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.key{grid-template-columns:1fr}}
.kc.k1{--c:var(--sunk);--ct:#66635D} .kc.k2{--c:var(--debt);--ct:var(--debt)}
.kc.k3{--c:var(--opp);--ct:#805609} .kc.k4{--c:var(--risk);--ct:var(--risk)}
.keynote{font-family:var(--f-m);font-size:11.5px;color:var(--tx-2);margin-top:14px;line-height:1.8}
.sec.dk .keynote{color:var(--tx-d2)}

/* callout */
.call{border-left:3px solid var(--debt);padding:4px 0 4px 22px;margin:34px 0;max-width:60ch}
.call p{font-family:var(--f-d);font-variation-settings:"wdth" 92;font-weight:600;font-size:clamp(18px,2.3vw,24px);line-height:1.28;margin:0}
.call small{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-2);display:block;margin-top:10px}
.sec.dk .call small{color:var(--tx-d2)}
.meth{border-left:3px solid var(--opp);padding:6px 0 6px 20px;max-width:64ch;margin-top:30px}
.meth p{color:var(--tx-2);font-size:16px;margin:0}
.sec.dk .meth p{color:var(--tx-d2)}

/* tarjetas de navegación */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:18px}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}
.card{background:var(--bone);padding:26px 24px 24px;border-top:3px solid var(--debt);text-decoration:none;display:flex;flex-direction:column;
  transition:background .15s,transform .15s}
.card:hover{background:#fff;transform:translateY(-3px)}
.card .lb{font-family:var(--f-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--debt);margin-bottom:12px}
.card h3{font-size:21px;font-variation-settings:"wdth" 96;margin-bottom:10px;line-height:1.14}
.card p{font-size:14.5px;color:var(--tx-2);margin:0;line-height:1.5}
.card .go{margin-top:auto;padding-top:16px;font-family:var(--f-d);font-variation-settings:"wdth" 74;font-weight:700;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--debt)}
.card.oro{border-top-color:var(--opp)} .card.oro .lb,.card.oro .go{color:#9A6A0F}
.card.rk{border-top-color:var(--risk)} .card.rk .lb,.card.rk .go{color:var(--risk)}

/* bloques y categorías */
.blk{margin-top:44px;border-top:2px solid var(--tx)}
.sec.dk .blk{border-top-color:var(--tx-d)}
.blk-h{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:baseline;padding:20px 0 14px}
.blk-h .bn{font-family:var(--f-m);font-size:12px;font-weight:700;color:var(--debt);letter-spacing:.1em}
.blk-h h2{font-size:clamp(19px,2.4vw,26px);font-variation-settings:"wdth" 98}
.blk-h .bq{font-family:var(--f-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-2);text-align:right}
@media(max-width:700px){.blk-h{grid-template-columns:auto 1fr}.blk-h .bq{grid-column:1/3;text-align:left}}
.cat{border-top:1px solid var(--rule)}
.cat summary{list-style:none;cursor:pointer;padding:16px 0;display:grid;grid-template-columns:26px 1fr 24px;gap:16px;align-items:center}
.cat summary::-webkit-details-marker{display:none}
.cat .cn{font-family:var(--f-m);font-size:11px;font-weight:700;color:var(--tx-2)}
.cat .ct{font-family:var(--f-d);font-variation-settings:"wdth" 94;font-weight:700;font-size:clamp(17px,2.1vw,21px);letter-spacing:-.01em}
.cat .sg{font-family:var(--f-m);font-size:17px;color:var(--tx-2);text-align:right}
.cat .sg::before{content:"+"}
.cat[open] .sg::before{content:"\2212";color:var(--debt)}
.cat[open] .ct{color:var(--debt)}
.cbody{padding:6px 0 30px 42px;display:grid;grid-template-columns:1.15fr 1fr;gap:30px}
@media(max-width:820px){.cbody{grid-template-columns:1fr;gap:22px;padding-left:0}}
.cbody h4{font-family:var(--f-d);font-variation-settings:"wdth" 68;font-weight:700;font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--tx-2);margin:0 0 10px}
.cbody ul{margin:0;padding-left:18px;font-size:15.5px;line-height:1.55;color:var(--tx-2)}
.cbody li{margin-bottom:4px}
.calcbox{background:var(--ink);color:var(--tx-d);padding:16px 18px;font-family:var(--f-m);font-size:13px;line-height:1.55;margin-bottom:18px}
.calcbox b{color:var(--opp);display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-weight:700}
.ev{border-left:2px solid var(--opp);padding-left:16px;font-size:14.5px;line-height:1.55;color:var(--tx-2)}
.ev b{font-family:var(--f-d);font-variation-settings:"wdth" 68;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#9A6A0F;display:block;margin-bottom:8px;font-weight:700}
.tagn{display:inline-block;font-family:var(--f-m);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;color:#fff;margin-left:8px;vertical-align:2px;font-weight:700}
.n1{background:var(--sunk)} .n2{background:var(--debt)} .n3{background:var(--opp);color:#231A05} .n4{background:var(--risk)}

/* tablas */
.tb{width:100%;border-collapse:collapse;margin-top:14px;font-size:15.5px}
.tb th{font-family:var(--f-d);font-variation-settings:"wdth" 68;font-weight:700;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--tx-2);text-align:left;padding:0 16px 10px 0;border-bottom:1.5px solid var(--tx)}
.tb td{padding:15px 16px 15px 0;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--tx-2);line-height:1.5}
.tb td.k{font-family:var(--f-m);font-size:12px;color:var(--debt);text-transform:uppercase;letter-spacing:.08em;width:132px}
.tb td.hi{color:var(--tx);font-weight:500}
.sec.dk .tb th{color:var(--tx-d2);border-bottom-color:var(--rule-d)}
.sec.dk .tb td{color:var(--tx-d2);border-bottom-color:rgba(237,235,228,.12)}
.sec.dk .tb td.k{color:var(--opp)}
.sec.dk .tb td.hi{color:var(--tx-d)}
@media(max-width:640px){
  .tb,.tb tbody,.tb tr,.tb td{display:block;width:100%}
  .tb thead{display:none}
  .tb tr{border-bottom:1.5px solid var(--rule);padding:14px 0}
  .tb td{border:0;padding:4px 0}
  .tb td.k{width:auto}
}

/* calculadora */
.inv{border:1px solid var(--rule-d);margin-top:30px;background:var(--ink-2)}
.inv-h{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 22px;border-bottom:1px solid var(--rule-d)}
.inv-h h2{font-size:clamp(18px,2.4vw,25px);font-variation-settings:"wdth" 100;text-transform:uppercase}
.inv-h .m{font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-d2);text-align:right;line-height:1.9}
.prm{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--rule-d)}
@media(max-width:760px){.prm{grid-template-columns:1fr}}
.pr{padding:14px 22px;border-right:1px solid var(--rule-d);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pr:last-child{border-right:0}
.pr label{font-family:var(--f-d);font-variation-settings:"wdth" 70;font-weight:700;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--tx-d2)}
.pr input{font-family:var(--f-m);font-size:15px;font-weight:700;color:var(--opp);width:104px;padding:7px 9px;border:1px solid var(--rule-d);background:rgba(255,255,255,.05);text-align:right}
.grp{font-family:var(--f-d);font-variation-settings:"wdth" 68;font-weight:700;font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--tx-d2);padding:16px 22px 8px;border-top:1px solid var(--rule-d)}
.ln{display:grid;grid-template-columns:20px 1.5fr 1.4fr 90px 132px;gap:14px;align-items:center;padding:11px 22px;border-top:1px solid rgba(237,235,228,.08)}
@media(max-width:880px){.ln{grid-template-columns:1fr auto;gap:8px 12px;padding:14px 22px}.ln .sw{display:none}.ln .nm,.ln .sl{grid-column:1/3}.ln .qt{text-align:left}}
.sw{width:8px;height:26px}
.nm{font-family:var(--f-d);font-variation-settings:"wdth" 90;font-weight:600;font-size:14.5px;color:var(--tx-d)}
.nm small{display:block;font-family:var(--f-m);font-size:10px;color:var(--tx-d2);letter-spacing:.05em;text-transform:uppercase;margin-top:3px}
.ln input[type=range]{width:100%;accent-color:var(--debt);cursor:pointer}
.qt{font-family:var(--f-m);font-size:12.5px;font-weight:700;color:var(--opp);text-align:right;white-space:nowrap}
.am{font-family:var(--f-m);font-size:13.5px;font-weight:700;color:var(--tx-d);text-align:right;white-space:nowrap}
.out{border-top:1px solid var(--rule-d);display:grid;grid-template-columns:1fr 1fr}
@media(max-width:880px){.out{grid-template-columns:1fr}}
.out-l{padding:22px;border-right:1px solid var(--rule-d)}
.out-r{padding:22px;background:#080A0B}
.rng{font-family:var(--f-m);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--tx-d2);margin-bottom:6px}
.grand{font-family:var(--f-m);font-weight:700;font-size:clamp(24px,4.6vw,42px);line-height:1.06;letter-spacing:-.03em;color:#fff}
.band{font-family:var(--f-m);font-size:12.5px;color:var(--tx-d2);margin-top:8px;line-height:1.8}
.band b{color:var(--opp)}
.sr{display:grid;grid-template-columns:9px 1fr auto;gap:11px;align-items:center;padding:7px 0;font-family:var(--f-m);
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-d2);border-bottom:1px dashed rgba(237,235,228,.14)}
.sr b{font-size:13px;color:var(--tx-d);letter-spacing:0}
.sr s{display:block;height:9px;text-decoration:none}
.rec{margin-top:20px;border:1px solid var(--paid);padding:16px 18px;background:rgba(30,122,79,.13)}
.rec .lb{font-family:var(--f-d);font-variation-settings:"wdth" 68;font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#5BC08D;margin-bottom:6px}
.rec .v{font-family:var(--f-m);font-weight:700;font-size:clamp(21px,3.4vw,30px);color:#6FD49F;letter-spacing:-.02em}
.rec .n{font-family:var(--f-m);font-size:11px;color:var(--tx-d2);margin-top:8px;line-height:1.7}
.sunknote{font-family:var(--f-m);font-size:11px;line-height:1.8;color:var(--tx-d2);padding:16px 22px;border-top:1px solid var(--rule-d);background:rgba(138,135,128,.1)}
.sunknote b{color:var(--sunk)}
.trow{display:flex;justify-content:space-between;gap:14px;font-family:var(--f-m);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tx-d2);padding:8px 0;border-bottom:1px dashed rgba(237,235,228,.14)}
.trow b{font-size:14px;color:var(--tx-d);letter-spacing:0;text-transform:none}

/* diagnóstico */
.quiz{margin-top:26px;border-top:1.5px solid var(--tx)}
.q{display:grid;grid-template-columns:30px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--rule)}
@media(max-width:720px){.q{grid-template-columns:1fr;gap:9px}}
.q .qn{font-family:var(--f-m);font-size:11px;font-weight:700;color:var(--tx-2)}
.q p{margin:0;font-size:16.5px;line-height:1.42}
.q .qc{display:block;font-family:var(--f-m);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--tx-2);margin-top:5px}
.opts{display:flex;gap:6px}
.opts button{font-family:var(--f-d);font-variation-settings:"wdth" 72;font-weight:700;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;padding:9px 13px;border:1px solid var(--rule);background:transparent;color:var(--tx-2);cursor:pointer}
.opts button:hover{border-color:var(--tx)}
.opts button[aria-pressed=true]{background:var(--tx);border-color:var(--tx);color:var(--bone)}
.opts button[aria-pressed=true][data-v="4"]{background:var(--debt);border-color:var(--debt);color:#fff}
.opts button[aria-pressed=true][data-v="2"]{background:var(--opp);border-color:var(--opp);color:#231A05}
.qhint{font-family:var(--f-m);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-2);margin-top:16px}
.result{margin-top:28px;border:2px solid var(--tx);background:var(--bone);display:grid;grid-template-columns:236px 1fr}
@media(max-width:760px){.result{grid-template-columns:1fr}}
.score{padding:26px 24px;border-right:2px solid var(--tx);text-align:center;display:flex;flex-direction:column;justify-content:center}
@media(max-width:760px){.score{border-right:0;border-bottom:2px solid var(--tx)}}
.score .nmb{font-family:var(--f-m);font-weight:700;font-size:68px;line-height:1;letter-spacing:-.04em}
.score .of{font-family:var(--f-m);font-size:11px;letter-spacing:.2em;color:var(--tx-2);text-transform:uppercase}
.score .bd{font-family:var(--f-d);font-variation-settings:"wdth" 76;font-weight:800;font-size:15px;letter-spacing:.16em;
  text-transform:uppercase;margin-top:14px;padding:8px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.bars{padding:24px}
.brow{display:grid;grid-template-columns:150px 1fr 44px;gap:12px;align-items:center;margin-bottom:11px;font-family:var(--f-m);
  font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:520px){.brow{grid-template-columns:96px 1fr 38px;font-size:9.5px}}
.track{height:11px;background:var(--bone-2);border:1px solid var(--rule);position:relative}
.fill{position:absolute;inset:0 auto 0 0;background:var(--debt);width:0;transition:width .45s cubic-bezier(.2,.7,.3,1)}
.brow b{text-align:right}
.verdict{grid-column:1/-1;border-top:1px dashed var(--rule);margin:0 24px 24px;padding-top:18px;font-size:16px;color:var(--tx-2)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

/* ejemplos */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:16px}
@media(max-width:900px){.cases{grid-template-columns:1fr}}
.case{background:var(--bone);padding:26px 24px;border-top:3px solid var(--debt)}
.case .tag{font-family:var(--f-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--debt);display:block;margin-bottom:12px}
.case h3{font-size:20px;font-variation-settings:"wdth" 96;margin-bottom:12px;line-height:1.15}
.case p{font-size:15px;color:var(--tx-2);line-height:1.55}
.case .punch{font-family:var(--f-d);font-variation-settings:"wdth" 88;font-weight:700;font-size:16px;color:var(--tx);
  border-top:1px dashed var(--rule);padding-top:14px;margin:16px 0 0;line-height:1.3}
.hooks{display:grid;grid-template-columns:repeat(2,1fr);border-top:1.5px solid var(--tx);margin-top:14px}
@media(max-width:700px){.hooks{grid-template-columns:1fr}}
.hook{padding:20px 24px 20px 0;border-bottom:1px solid var(--rule);font-family:var(--f-d);font-variation-settings:"wdth" 94;
  font-weight:600;font-size:17px;line-height:1.28}
.hook span{color:var(--debt)}

/* manifiesto */
.manif p{font-size:clamp(19px,2.5vw,28px);line-height:1.4;max-width:24ch;font-weight:300;margin:0 0 1.05em}
.manif p.w{max-width:32ch}
.manif strong{font-weight:600;color:var(--opp)}
.kick{font-family:var(--f-d);font-variation-settings:"wdth" 110;font-weight:900;font-size:clamp(28px,5.6vw,68px);
  line-height:.96;text-transform:uppercase;max-width:16ch;letter-spacing:-.03em;margin:0 0 34px}
.kick em{font-style:normal;-webkit-text-stroke:1px var(--opp);color:transparent}
.norte{border-left:3px solid var(--debt);padding:6px 0 6px 22px;margin-top:44px;max-width:54ch}
.norte p{font-size:18px;line-height:1.6;font-weight:400;max-width:none;color:var(--tx-d2);margin:0}

/* reglas */
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:18px}
@media(max-width:900px){.rules{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rules{grid-template-columns:1fr}}
.rl{background:var(--bone);padding:24px 22px;border-top:3px solid var(--debt)}
.rl .n{font-family:var(--f-m);font-size:11px;font-weight:700;color:var(--debt);letter-spacing:.16em;margin-bottom:12px;display:block}
.rl h3{font-size:18px;font-variation-settings:"wdth" 94;margin-bottom:9px;line-height:1.16}
.rl p{font-size:14.5px;color:var(--tx-2);margin:0;line-height:1.52}

/* faq */
.faq{border-top:1.5px solid var(--tx);margin-top:20px}
.fq{border-bottom:1px solid var(--rule)}
.fq summary{list-style:none;cursor:pointer;padding:18px 0;font-family:var(--f-d);font-variation-settings:"wdth" 96;
  font-weight:700;font-size:clamp(17px,2.1vw,20px);display:flex;justify-content:space-between;gap:16px;align-items:center}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";font-family:var(--f-m);color:var(--debt)}
.fq[open] summary::after{content:"\2212"}
.fq .a{padding:0 0 20px;max-width:72ch;color:var(--tx-2);font-size:16.5px}

/* footer */
.foot{background:var(--ink);color:var(--tx-d);padding:clamp(46px,7vw,80px) 0 36px}
.fnav{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-bottom:30px;border-bottom:1px solid var(--rule-d)}
@media(max-width:820px){.fnav{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fnav{grid-template-columns:1fr}}
.fnav h4{font-family:var(--f-d);font-variation-settings:"wdth" 68;font-weight:700;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--tx-d2);margin:0 0 12px}
.fnav a{display:block;color:var(--tx-d2);text-decoration:none;font-size:15px;margin-bottom:7px}
.fnav a:hover{color:var(--opp)}
.fnav p{font-size:14.5px;color:var(--tx-d2);margin:0 0 8px}
.lic{border-left:2px solid var(--opp);padding-left:14px;margin-top:26px;max-width:62ch;font-size:14.5px;color:var(--tx-d2)}
.colo{font-family:var(--f-m);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(237,235,228,.36);margin-top:28px;line-height:1.9}
.refs{margin-top:22px;font-family:var(--f-m);font-size:11.5px;line-height:1.85;color:var(--tx-d2);columns:2;column-gap:36px}
@media(max-width:760px){.refs{columns:1}}
.refs a{color:var(--opp);text-decoration:none}
.refs a:hover{text-decoration:underline}

/* ═══════════════ CAPA PREMIUM ═══════════════ */
:root{
  --hair:rgba(32,38,42,.16);
  --hair-d:rgba(237,235,228,.14);
  --air:clamp(80px,11vw,180px);
}
body{font-size:17.5px}
.sec{padding:var(--air) 0}
h2.big{max-width:16ch;letter-spacing:-.028em}
.lede{max-width:58ch}

/* — revelado lento — */
.rv{opacity:0;transform:translateY(18px);transition:opacity 1.1s cubic-bezier(.16,.8,.3,1),transform 1.1s cubic-bezier(.16,.8,.3,1)}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}

/* — fotografía — */
.shot{position:relative;overflow:hidden;background:#0A0C0D;display:block}
.shot img,.shot svg{width:100%;height:100%;object-fit:cover;display:block}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,17,19,.05) 0%,rgba(14,17,19,.55) 100%);pointer-events:none}
.shot.plain::after{display:none}
.cap{font-family:var(--f-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-2);margin-top:12px}
.sec.dk .cap{color:var(--tx-d2)}

/* — hero editorial a sangre — */
.hero-full{position:relative;background:var(--ink);color:var(--tx-d);min-height:clamp(560px,88vh,900px);display:flex;align-items:flex-end;overflow:hidden}
.hero-full .bg{position:absolute;inset:0}
.hero-full .bg img,.hero-full .bg svg{width:100%;height:100%;object-fit:cover;display:block}
.hero-full .bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(14,17,19,.72) 0%,rgba(14,17,19,.34) 38%,rgba(14,17,19,.94) 100%)}
.hero-full .inner{position:relative;z-index:2;width:100%;padding-top:clamp(90px,16vh,190px);padding-bottom:clamp(46px,7vw,84px)}
.hero-full h1.t{font-size:clamp(46px,10.5vw,148px)}
.overline{font-family:var(--f-m);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--opp);margin:0 0 26px}

/* — el número como objeto — */
.objshot{position:relative;background:#07090A;padding:clamp(64px,10vw,132px) 0;overflow:hidden;text-align:center}
.objshot::before{content:"";position:absolute;left:50%;top:42%;width:min(1100px,150%);aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(233,162,39,.16) 0%,rgba(233,162,39,.05) 34%,transparent 66%);pointer-events:none}
.objshot .in{position:relative;z-index:2}
.objshot .lbl{font-family:var(--f-m);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--tx-d2);margin-bottom:26px}
.objshot .fig{font-family:var(--f-m);font-weight:700;font-size:clamp(46px,12vw,168px);line-height:.9;letter-spacing:-.05em;
  color:#fff;text-shadow:0 0 70px rgba(233,162,39,.28)}
.objshot .sub{font-family:var(--f-b);font-size:clamp(17px,2.1vw,21px);color:var(--tx-d2);max-width:44ch;margin:30px auto 0;line-height:1.5}
.objshot .fin{font-family:var(--f-m);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--opp);margin-top:34px}

/* — naturalezas · ficha contable — */
.key{gap:1px;background:var(--hair)}
.kc{position:relative;overflow:hidden;background:var(--bone);color:var(--tx);
  border-top:3px solid var(--c);padding:28px 26px 24px;min-height:246px;display:flex;flex-direction:column}
.kc::after{content:attr(data-n);position:absolute;right:-6px;bottom:-34px;
  font-family:var(--f-m);font-weight:700;font-size:132px;line-height:1;color:var(--c);opacity:.07;pointer-events:none}
.kc .n{position:relative;z-index:1;font-family:var(--f-m);font-size:10.5px;font-weight:700;letter-spacing:.24em;
  color:var(--ct);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.kc .n::before{content:"";width:9px;height:9px;flex:none;background:var(--c)}
.kc h3{position:relative;z-index:1;font-size:19.5px;font-variation-settings:"wdth" 92;
  margin-bottom:12px;line-height:1.12;letter-spacing:-.018em;color:var(--tx)}
.kc p{position:relative;z-index:1;font-size:14.5px;line-height:1.56;margin:0;color:var(--tx-2)}
.kc .st{position:relative;z-index:1;margin-top:auto;padding-top:16px;font-family:var(--f-m);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ct);border-top:1px solid var(--hair)}
.sec.dk .kc{background:var(--ink-2);color:var(--tx-d)}
.sec.dk .kc h3{color:var(--tx-d)}
.sec.dk .kc p{color:var(--tx-d2)}
.sec.dk .kc .st{border-top-color:var(--hair-d)}
.sec.dk .kc{--ct:var(--c)}
.sec.dk .kc.k1{--ct:#B3AFA6}
.sec.dk .kc.k2{--ct:#E8636B}
.sec.dk .kc.k4{--ct:#D07AB0}
.sec.dk .kc::after{opacity:.10}

/* — tarjetas sobrias — */
.cards{gap:1px;background:var(--hair)}
.card{border-top:1px solid var(--hair);padding:32px 28px 28px}
.card:hover{background:#fff;transform:none;box-shadow:0 12px 40px rgba(14,17,19,.07)}
.card .lb{letter-spacing:.24em;color:var(--tx-2)}
.card h3{font-size:22px;letter-spacing:-.02em}
.card .go{color:var(--tx);letter-spacing:.2em}
.card.oro .lb,.card.rk .lb{color:var(--tx-2)}
.card.oro .go{color:#8A5E0B} .card.rk .go{color:var(--risk)}

/* — citas de gran formato — */
.pull{max-width:24ch;margin:var(--air) auto;text-align:center}
.pull p{font-family:var(--f-d);font-variation-settings:"wdth" 104;font-weight:800;
  font-size:clamp(26px,4.6vw,54px);line-height:1.07;letter-spacing:-.032em;margin:0}
.pull small{font-family:var(--f-m);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--tx-2);display:block;margin-top:24px}
.sec.dk .pull small{color:var(--tx-d2)}

/* — banda de tres tiempos — */
.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair-d);margin-top:44px}
@media(max-width:820px){.triad{grid-template-columns:1fr}}
.tr{background:var(--ink);padding:30px 26px}
.tr .i{font-family:var(--f-m);font-size:10px;letter-spacing:.24em;color:var(--opp);margin-bottom:16px}
.tr h3{font-size:19px;font-variation-settings:"wdth" 92;margin-bottom:10px;color:var(--tx-d)}
.tr p{font-size:14.5px;color:var(--tx-d2);margin:0;line-height:1.55}

/* — impulsor — */
.imp{display:grid;grid-template-columns:1fr 1.35fr;gap:1px;background:var(--hair-d);margin-top:16px}
@media(max-width:820px){.imp{grid-template-columns:1fr}}
.imp>div{background:var(--ink);padding:34px 30px}
.imp .who{font-family:var(--f-d);font-variation-settings:"wdth" 104;font-weight:800;
  font-size:clamp(24px,3.4vw,38px);line-height:1.04;letter-spacing:-.028em;color:var(--tx-d);margin:0 0 14px}
.imp .role{font-family:var(--f-m);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--opp);margin:0 0 22px}
.imp p{color:var(--tx-d2);font-size:16px;margin:0 0 12px}
.imp .stand{border-left:2px solid var(--debt);padding-left:16px;margin-top:20px;font-size:15.5px}

/* — sección ligera — */
.sec.quiet{padding:clamp(64px,8vw,120px) 0}
h2.calm{font-size:clamp(24px,3.4vw,40px);font-variation-settings:"wdth" 100;letter-spacing:-.022em;max-width:20ch;margin-bottom:20px}
.terms{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px;max-width:74ch}
.terms span{font-family:var(--f-m);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--tx-2);border:1px solid var(--hair);padding:8px 13px;background:var(--bone)}
.prose a{color:var(--debt)}
.byline{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:38px;
  padding-top:22px;border-top:1px solid var(--hair);max-width:74ch}
.byline .nm2{font-family:var(--f-d);font-variation-settings:"wdth" 96;font-weight:700;font-size:19px;letter-spacing:-.015em}
.byline .rl2{font-family:var(--f-m);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--tx-2)}
.byline p{font-size:15.5px;color:var(--tx-2);margin:6px 0 0;flex:1 1 100%;max-width:66ch}

/* — calculadora legible — */
.prmhead{font-family:var(--f-d);font-variation-settings:"wdth" 70;font-weight:700;font-size:10.5px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--opp);padding:18px 22px 0;margin:0}
.prm{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.prm{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.prm{grid-template-columns:1fr}}
.pr{flex-direction:column;align-items:stretch;gap:8px;padding:16px 22px}
.pr label{line-height:1.35}
.pr input{width:100%}
.derived{font-family:var(--f-m);font-size:11.5px;line-height:1.75;color:var(--tx-d2);
  padding:14px 22px;margin:0;border-bottom:1px solid var(--rule-d);background:rgba(233,162,39,.06)}
.derived b{color:var(--tx-d)} .derived span{color:var(--opp);font-weight:700}
.nm small{text-transform:none;letter-spacing:.01em;font-size:11px;line-height:1.5;max-width:46ch}
.ln .money{font-family:var(--f-m);font-size:13px;font-weight:700;color:var(--opp);width:100%;
  padding:7px 9px;border:1px solid var(--rule-d);background:rgba(255,255,255,.05);text-align:right}
.am.ghost{color:var(--tx-d2);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* — fórmula viva por partida — */
.am{line-height:1.35}
.how{display:block;font-family:var(--f-m);font-size:10px;font-weight:400;letter-spacing:.02em;
  color:var(--tx-d2);margin-bottom:5px;white-space:normal;text-transform:none}
.how b{color:var(--opp);font-weight:700}
@media(max-width:880px){.how{margin-bottom:3px}}
.formula-note{font-family:var(--f-m);font-size:11px;line-height:1.8;color:var(--tx-d2);
  padding:14px 22px;border-top:1px solid var(--rule-d);background:rgba(255,255,255,.03)}
.formula-note b{color:var(--opp)}

/* — diagnóstico por categoría — */
.qblk{display:flex;align-items:baseline;gap:14px;padding:30px 0 10px;border-bottom:1.5px solid var(--tx);margin-bottom:2px}
.qblk .bn2{font-family:var(--f-m);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--debt)}
.qblk h3{font-family:var(--f-d);font-variation-settings:"wdth" 96;font-weight:700;font-size:18px;letter-spacing:-.015em}
.qcat{display:flex;align-items:center;gap:9px;font-family:var(--f-d);font-variation-settings:"wdth" 92;
  font-weight:700;font-size:16px;letter-spacing:-.012em;color:var(--tx);margin:0 0 5px}
.qcat s{width:9px;height:9px;flex:none;text-decoration:none}
.qtxt{margin:0;font-size:16px;line-height:1.45;color:var(--tx)}
.qpista{margin:6px 0 0;font-family:var(--f-m);font-size:11.5px;line-height:1.5;color:var(--tx-2)}
.brow{grid-template-columns:230px 1fr 44px}
@media(max-width:640px){.brow{grid-template-columns:118px 1fr 38px;font-size:9px}}
.bgrp{font-family:var(--f-m);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx-2);
  margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--hair)}
.bgrp:first-child{margin-top:0}
.top3{margin-top:28px;border-top:1.5px solid var(--tx)}
.t3{display:grid;grid-template-columns:30px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--rule)}
.t3 .r{font-family:var(--f-m);font-size:11px;font-weight:700;color:var(--debt)}
.t3 a{font-family:var(--f-d);font-variation-settings:"wdth" 92;font-weight:700;font-size:16.5px;
  text-decoration:none;border-bottom:1px solid var(--hair)}
.t3 a:hover{border-color:var(--debt);color:var(--debt)}
.t3 b{font-family:var(--f-m);font-size:15px}

/* — lenguaje llano en las fichas — */
.kc p.simple{font-size:16px;color:var(--tx);font-weight:500;line-height:1.4;margin-bottom:12px}
.kc p.ejem{font-size:13.5px;color:var(--tx-2);line-height:1.5;margin:0}
.kc p.ejem b{display:block;font-family:var(--f-d);font-variation-settings:"wdth" 68;font-weight:700;
  font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ct);margin-bottom:5px}
.sec.dk .kc p.simple{color:var(--tx-d)}
.kc{min-height:0;padding:26px 24px 22px}

/* — ejemplos por área — */
.glob{border-top:1.5px solid var(--tx);margin-top:16px}
.gi{display:grid;grid-template-columns:1fr 1.25fr auto;gap:24px;padding:18px 0;border-bottom:1px solid var(--rule);align-items:baseline}
@media(max-width:820px){.gi{grid-template-columns:1fr;gap:6px;padding:16px 0}}
.gi h3{font-family:var(--f-d);font-variation-settings:"wdth" 94;font-weight:700;font-size:17px;letter-spacing:-.012em}
.gi .qs{font-size:15.5px;color:var(--tx-2);margin:0}
.gi .qs em{display:block;font-style:normal;color:var(--tx);margin-top:6px;font-size:15px}
.gi .qs em::before{content:"→ ";color:var(--debt)}
.catref{font-family:var(--f-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tx-2);text-decoration:none;border:1px solid var(--hair);padding:5px 9px;white-space:nowrap}
.catref:hover{border-color:var(--debt);color:var(--debt)}

.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);margin-top:16px}
@media(max-width:960px){.areas{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.areas{grid-template-columns:1fr}}
.ar{background:var(--bone);padding:26px 24px 22px;min-width:0}
.ar .ic{font-family:var(--f-m);font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--debt);
  border:1px solid var(--debt);padding:4px 8px;display:inline-block;margin-bottom:14px}
.ar h3{font-family:var(--f-d);font-variation-settings:"wdth" 96;font-weight:800;font-size:21px;
  letter-spacing:-.02em;margin-bottom:8px}
.ar .d{font-size:14px;color:var(--tx-2);line-height:1.5;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--hair)}
.ar ul{margin:0;padding:0;list-style:none}
.ar li{font-size:14.5px;line-height:1.48;color:var(--tx);margin-bottom:11px;padding-left:16px;position:relative}
.ar li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--debt)}
.ar li a{font-family:var(--f-m);font-size:9.5px;letter-spacing:.1em;color:var(--tx-2);
  text-decoration:none;margin-left:6px;border-bottom:1px solid var(--hair);white-space:nowrap}
.ar li a:hover{color:var(--debt);border-color:var(--debt)}

/* — caso directivo — */
.dcase{border:2px solid var(--tx);background:var(--bone);margin-top:18px}
.dcase .top2{padding:28px 28px 22px;border-bottom:1px solid var(--hair)}
.dcase h3{font-family:var(--f-d);font-variation-settings:"wdth" 100;font-weight:800;
  font-size:clamp(21px,2.8vw,30px);letter-spacing:-.025em;margin-bottom:16px;max-width:22ch}
.dcase .esc{font-size:17px;line-height:1.55;color:var(--tx-2);margin:0;max-width:74ch}
.dnum{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair)}
@media(max-width:760px){.dnum{grid-template-columns:1fr 1fr}}
.dn{background:var(--bone-2);padding:20px 22px}
.dn .k2{font-family:var(--f-m);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-2);margin-bottom:8px}
.dn .v2{font-family:var(--f-m);font-weight:700;font-size:26px;letter-spacing:-.02em}
.dn:last-child .v2{color:var(--debt)}
.dcase .bot{padding:26px 28px}
.dcase .pq{font-family:var(--f-d);font-variation-settings:"wdth" 76;font-weight:700;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--debt);margin-bottom:12px}
.dcase .lec{font-size:17px;line-height:1.55;color:var(--tx);margin:0 0 18px;max-width:74ch}
.dcase .cie{border-left:3px solid var(--debt);padding-left:18px;font-size:16.5px;color:var(--tx-2);margin:0;max-width:70ch}

/* — panorama de bloques — */
.bpan{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);margin-top:16px}
@media(max-width:900px){.bpan{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bpan{grid-template-columns:1fr}}
.bp{background:var(--bone);padding:24px 22px;min-width:0}
.bp .bn3{font-family:var(--f-m);font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--debt);margin-bottom:12px}
.bp h3{font-family:var(--f-d);font-variation-settings:"wdth" 94;font-weight:800;font-size:19px;
  letter-spacing:-.018em;margin-bottom:8px;line-height:1.14}
.bp .pq2{font-family:var(--f-m);font-size:11px;color:var(--tx-2);margin:0 0 12px;line-height:1.5}
.bp .lst{font-size:13.5px;color:var(--tx-2);line-height:1.5;margin:0;padding-top:12px;border-top:1px solid var(--hair)}

/* — fuentes enlazadas — */
.tb td.k a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.tb td.k a:hover{color:var(--opp)}
.ev b a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.ev b a:hover{color:var(--debt)}

/* — modo de cálculo — */
.modes{display:flex;gap:1px;background:var(--rule-d);border-bottom:1px solid var(--rule-d)}
.mode{flex:1;font-family:var(--f-d);font-variation-settings:"wdth" 74;font-weight:700;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;padding:15px 14px;border:0;cursor:pointer;
  background:rgba(255,255,255,.03);color:var(--tx-d2)}
.mode.on{background:var(--opp);color:#231A05}
.fric{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-d);
  border-top:1px solid var(--rule-d);border-bottom:1px solid var(--rule-d)}
@media(max-width:700px){.fric{grid-template-columns:1fr}}
.fb{background:var(--ink-2);border:0;cursor:pointer;padding:20px 20px 18px;text-align:left;color:var(--tx-d2)}
.fb:hover{background:rgba(233,162,39,.08)}
.fb.on{background:rgba(233,162,39,.14);box-shadow:inset 0 3px 0 var(--opp)}
.fb .t2{font-family:var(--f-d);font-variation-settings:"wdth" 94;font-weight:700;font-size:17px;
  color:var(--tx-d);margin-bottom:7px;letter-spacing:-.015em}
.fb.on .t2{color:var(--opp)}
.fb .s2{font-size:13.5px;line-height:1.5;margin:0}
.rapout{padding:26px 22px}
.rapout .lb2{font-family:var(--f-m);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx-d2);margin-bottom:8px}
.rapout .big2{font-family:var(--f-m);font-weight:700;font-size:clamp(26px,5vw,46px);line-height:1.05;
  letter-spacing:-.03em;color:#fff}
.rapout .sub2{font-family:var(--f-m);font-size:12.5px;color:var(--tx-d2);margin-top:12px;line-height:1.9}
.rapout .sub2 b{color:var(--opp)}
.splith{font-family:var(--f-d);font-variation-settings:"wdth" 68;font-weight:700;font-size:9.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--tx-d2);margin:20px 0 8px}
.sr .dsc{display:block;font-size:9.5px;letter-spacing:.04em;text-transform:none;color:var(--tx-d2);
  opacity:.8;margin-top:3px;line-height:1.4}

/* — refinamientos — */
.btn{padding:16px 26px;letter-spacing:.2em;font-size:11.5px}
.eyebrow{letter-spacing:.3em;margin-bottom:26px}
.top-in{min-height:62px}
.nav{gap:22px;letter-spacing:.16em}
.hooks .hook{font-size:18px;letter-spacing:-.01em;padding:26px 30px 26px 0}
.case{padding:32px 28px}
.rl{padding:30px 26px}

/* ═══ COMPACTACIÓN · densidad profesional ═══ */
/* los hijos de grid/flex no deben imponer su ancho mínimo */
.cards>*,.key>*,.cases>*,.rules>*,.triad>*,.hooks>*,.ln>*,.q>*,.brow>*,.t3>*,.imp>*{min-width:0}
.card,.kc,.case,.rl,.tr{overflow-wrap:anywhere}
:root{--air:clamp(52px,6.4vw,96px)}
.sec{padding:var(--air) 0}
.sec.quiet{padding:var(--air) 0}

/* hero de portada: alto contenido, no pantalla completa */
.hero-full{min-height:clamp(380px,54vh,560px)}
.hero-full .inner{padding-top:clamp(56px,9vh,104px);padding-bottom:clamp(36px,4.5vw,64px)}
.hero-full h1.t{font-size:clamp(44px,9.4vw,124px)}

/* hero interno: cintillo compacto */
.hero-full.compact{min-height:0}
.hero-full.compact .bg::after{background:linear-gradient(180deg,rgba(14,17,19,.80) 0%,rgba(14,17,19,.72) 45%,rgba(14,17,19,.95) 100%)}
.hero-full.compact .inner{padding-top:clamp(38px,5.2vw,64px);padding-bottom:clamp(30px,4vw,52px)}
.hero-full.compact h1.p{font-size:clamp(28px,4.4vw,50px);max-width:20ch;margin-top:14px}
.hero-full.compact .hdef{margin-top:16px;font-size:clamp(16px,1.7vw,18px);max-width:62ch;line-height:1.5}
.hero-full.compact .cta{margin-top:22px}
.hero-full.compact .crumb{margin-bottom:0;padding-bottom:0;border-bottom:0}
.hero-full.compact .overline{margin-bottom:6px}

/* cintillo superior en una sola línea */
.crumb{gap:8px;padding-bottom:10px;margin-bottom:clamp(18px,2.4vw,30px);font-size:10px}
.overline{margin-bottom:16px;font-size:10px;letter-spacing:.26em}

/* respiración interna de secciones */
h2.big{font-size:clamp(28px,4.2vw,50px);margin-bottom:16px;max-width:24ch}
.lede{max-width:70ch}
.prose{max-width:76ch}
.hero-full.compact .hdef{max-width:70ch}
.pull{max-width:28ch}
.norte{max-width:60ch}
.meth{max-width:74ch}
h3.mid{margin:30px 0 12px}
.eyebrow{margin-bottom:18px}
.lede{font-size:clamp(16.5px,1.8vw,19px)}
.pull{margin:clamp(30px,4vw,56px) auto}
.pull p{font-size:clamp(24px,3.8vw,44px)}
.pull small{margin-top:16px}
.objshot{padding:clamp(46px,6.4vw,84px) 0}
.objshot .fig{font-size:clamp(42px,10vw,132px)}
.objshot .lbl{margin-bottom:18px}
.objshot .sub{margin-top:20px}
.objshot .fin{margin-top:24px}
.triad{margin-top:28px}
.tr{padding:24px 22px}
.key{margin-top:12px}
.kc{min-height:0;padding:24px 22px 20px}
.kc::after{font-size:104px;bottom:-26px}
.cards{margin-top:14px}
.card{padding:26px 24px 22px}
.blk{margin-top:30px}
.blk-h{padding:16px 0 10px}
.cat summary{padding:13px 0}
.cbody{padding:4px 0 22px 42px;gap:24px}
.rules{margin-top:14px}
.rl{padding:24px 22px}
.cases{margin-top:12px}
.case{padding:26px 24px}
.hooks{margin-top:10px}
.hooks .hook{padding:18px 26px 18px 0;font-size:17px}
.terms{margin:20px 0 24px}
.byline{margin-top:28px;padding-top:18px}
.faq{margin-top:14px}
.fq summary{padding:15px 0}
.fq .a{padding-bottom:16px}
.inv{margin-top:22px}
.quiz{margin-top:18px}
.qblk{padding:24px 0 8px}
.q{padding:13px 0}
.result{margin-top:22px}
.bars{padding:20px}
.manif p{font-size:clamp(18px,2.2vw,25px);line-height:1.36;margin-bottom:.82em;max-width:46ch}
.manif p.w{max-width:46ch}
.manif p.kick{font-size:clamp(30px,5.4vw,66px);line-height:.98;letter-spacing:-.03em;margin-bottom:30px;max-width:15ch}
.manif p.kick em{-webkit-text-stroke:0;color:var(--opp)}
.norte{margin-top:32px}
/* el bloque estrecho conserva el mismo margen izquierdo que el resto */
.wrap.narrow{max-width:1180px}
.wrap.narrow>*{max-width:800px}
.wrap.narrow>.kick{max-width:15ch}
.foot{padding:clamp(38px,5vw,62px) 0 30px}
.fnav{padding-bottom:24px}

:focus-visible{outline:2px solid var(--opp);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}