:root{--bg:#0A0E0C;--panel:#111815;--line:#24332E;--fg:#E6F0ED;--mute:#8DA19A;--cian:#0EC1D9;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--f-body:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;color-scheme:dark}
@media (prefers-color-scheme: light){:root{--bg:#F2F6F5;--panel:#FFFFFF;--line:#D3DEDA;--fg:#0A0E0C;--mute:#566A63;--cian:#0A97AB;color-scheme:light}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--f-body)}
a{color:var(--cian)}
.marco{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,72px) 20px 64px}
.cab{display:flex;align-items:center;gap:14px;margin-bottom:clamp(32px,7vw,64px)}
.cab img{width:44px;height:44px;border-radius:11px}
.cab span{font:700 20px/1 var(--f-display);letter-spacing:-.01em}
h1{font:700 clamp(34px,6vw,56px)/1.05 var(--f-display);letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}
h2{font:700 22px/1.25 var(--f-display);margin:40px 0 10px}
p,li{color:var(--fg)}
.lead{font-size:clamp(18px,2.4vw,21px);color:var(--mute);max-width:36em}
.nota{color:var(--mute);font-size:15px}
ul{padding-left:1.2em}
li{margin:6px 0}
.caja{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:22px 0}
footer{margin-top:56px;padding-top:18px;border-top:1px solid var(--line);color:var(--mute);font-size:14px;display:flex;flex-wrap:wrap;gap:8px 20px}