:root{--ink:#0B1220;--ink2:#3A4657;--ink3:#6B7788;--navy:#001848;--steel:#3E6E86;--tint:#DCE7ED;--paper:#EEF1F5;--surface:#FFFFFF;--line:rgba(11,18,32,.14);--warn:#8A5A16;--warnbg:#F6E9D5;--no:#7A2E2E;--nobg:#F3E1E1;--ok:#2F6B4F;--okbg:#DCEBE2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#E6EBF2;--ink2:#AEB9C8;--ink3:#7C8899;--navy:#93B4E6;--steel:#7FB0C7;--tint:#16242E;--paper:#0A0E14;--surface:#121922;--line:rgba(230,235,242,.16);--warn:#D9AC6A;--warnbg:#2A2113;--no:#E0A3A3;--nobg:#2A1717;--ok:#8CC7A6;--okbg:#152A20}}
:root[data-theme="dark"]{--ink:#E6EBF2;--ink2:#AEB9C8;--ink3:#7C8899;--navy:#93B4E6;--steel:#7FB0C7;--tint:#16242E;--paper:#0A0E14;--surface:#121922;--line:rgba(230,235,242,.16);--warn:#D9AC6A;--warnbg:#2A2113;--no:#E0A3A3;--nobg:#2A1717;--ok:#8CC7A6;--okbg:#152A20}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font:16px/1.6 "IBM Plex Sans",system-ui,sans-serif;padding-inline:20px;padding-block:0 64px}
.wrap{max-width:920px;margin-inline:auto;display:flex;flex-direction:column;gap:56px}
.draft{background:var(--warnbg);color:var(--warn);font:500 13px/1.45 "IBM Plex Mono",ui-monospace,monospace;padding:10px 14px;border-radius:4px;margin-top:16px}
.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:baseline;padding-block:20px 0;border-bottom:1px solid var(--line);padding-bottom:14px}
.brand{font:600 15px "IBM Plex Sans",sans-serif;letter-spacing:.02em;color:var(--navy)}
.brand span{color:var(--ink3);font-weight:400}
.lang{display:flex;gap:4px}
.lang button{font:500 13px "IBM Plex Mono",monospace;background:none;border:1px solid var(--line);color:var(--ink2);padding:5px 10px;border-radius:3px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.lang button:focus-visible,a:focus-visible{outline:2px solid var(--steel);outline-offset:2px}
h1{font:700 clamp(30px,5.2vw,50px)/1.08 "Source Serif 4",Georgia,serif;letter-spacing:-.015em;text-wrap:balance;margin:0;color:var(--navy);max-width:20ch}
.lede{font:400 clamp(18px,2.2vw,21px)/1.5 "Source Serif 4",Georgia,serif;color:var(--ink2);max-width:60ch;margin:18px 0 0}
h2{font:600 26px/1.2 "Source Serif 4",Georgia,serif;margin:0 0 6px;color:var(--ink);text-wrap:balance}
.eyebrow{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--steel);margin:0 0 8px}
p{max-width:66ch;margin:0 0 12px;color:var(--ink2)}
section{display:flex;flex-direction:column;gap:14px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px}
.box h3{font:600 15px "IBM Plex Sans",sans-serif;margin:0 0 10px;letter-spacing:.01em}
.yes h3{color:var(--ok)}.nope h3{color:var(--no)}
.nope{background:var(--nobg);border-color:transparent}
ul{margin:0;padding-left:18px;color:var(--ink2);display:flex;flex-direction:column;gap:7px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}
th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink2)}
th{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:600;color:var(--ink)}
.steps{display:grid;gap:0;border-left:2px solid var(--tint);margin-left:6px}
.step{padding:4px 0 20px 22px;position:relative}
.step::before{content:"";position:absolute;left:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--steel)}
.step b{display:block;color:var(--ink);font-weight:600}
.step small{font:500 12px "IBM Plex Mono",monospace;color:var(--steel);letter-spacing:.04em}
.step p{margin:4px 0 0}
.risk{background:var(--warnbg);border-radius:6px;padding:22px}
.risk h2{color:var(--warn)}.risk p,.risk li{color:var(--ink)}
.creds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 28px}
.creds div{border-top:2px solid var(--navy);padding-top:12px}
.creds b{display:block;font:600 16px "Source Serif 4",serif;color:var(--ink);margin-bottom:4px}
.creds span{font-size:14.5px;color:var(--ink2)}
.cta{background:var(--navy);color:var(--paper);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:12px}
.cta h2,.cta p{color:var(--paper)}.cta p{opacity:.86}
.cta a{align-self:flex-start;background:var(--paper);color:var(--navy);font-weight:600;text-decoration:none;padding:12px 20px;border-radius:4px}
.todo{background:var(--warnbg);color:var(--warn);font:500 12px "IBM Plex Mono",monospace;padding:1px 6px;border-radius:3px;white-space:nowrap}
footer{border-top:1px solid var(--line);padding-top:18px;font-size:13.5px;color:var(--ink3)}
footer a{color:var(--steel)}
/* ---- sitio ---- */
.site{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-block:20px 14px}
.site .brand{text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14.5px}
nav a{color:var(--ink2);text-decoration:none;padding-block:2px;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current="page"]{color:var(--navy);border-bottom-color:var(--steel)}
.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;border-top:1px solid var(--line)}
.paths a{display:flex;flex-direction:column;gap:6px;padding:22px 18px 22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.paths a b{font:600 19px/1.25 "Source Serif 4",Georgia,serif;color:var(--navy)}
.paths a span{font-size:14.5px;color:var(--ink2)}
.paths a em{font:500 12px "IBM Plex Mono",monospace;font-style:normal;color:var(--steel);letter-spacing:.05em}
.quote{font:400 clamp(19px,2.4vw,23px)/1.45 "Source Serif 4",Georgia,serif;color:var(--ink);border-left:3px solid var(--steel);padding-left:20px;max-width:58ch;margin:0}
.signs li b{color:var(--ink)}
.inline-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{background:var(--navy);color:var(--paper);font-weight:600;text-decoration:none;padding:12px 20px;border-radius:4px}
.btn.ghost{background:none;color:var(--navy);border:1px solid var(--navy)}
.langrow{display:flex;justify-content:flex-end}

.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr);gap:32px;align-items:end}
.hero img{width:100%;max-width:100%;border-radius:6px;display:block}
@media(max-width:700px){.hero{grid-template-columns:1fr}.hero img{max-width:260px}}
.motto{font:600 13px "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:0 0 10px}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px 28px}
.nums div{border-top:2px solid var(--navy);padding-top:12px}
.nums b{display:block;font:700 34px/1.1 "Source Serif 4",Georgia,serif;color:var(--navy);font-variant-numeric:tabular-nums}
.nums span{font-size:14.5px;color:var(--ink2)}
.social{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px}