:root{--p:#00695F;--sp:#fff;--cp:#9EF2E3;--bg:#F4FBF8;--t:#161D1B;--t2:#3F4946;--o:#C3CECA;--code:#0F1720}
@media (prefers-color-scheme:dark){:root{--p:#82D5C8;--sp:#00382F;--cp:#005048;--bg:#0E1513;--t:#DDE4E1;--t2:#BEC9C5;--o:#3F4946}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--t);font:400 16px/1.6 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--p)}a:focus-visible,button:focus-visible{outline:3px solid var(--p);outline-offset:2px;border-radius:4px}
.wrap{max-width:1072px;margin:0 auto;padding:0 24px}
header.top{border-bottom:1px solid var(--o)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
header.top img{height:28px;width:auto;display:block}
nav a{margin-left:20px;text-decoration:none;font-weight:500;color:var(--t2)}nav a:hover{color:var(--p)}
.hero{padding:72px 0 56px}.hero h1{font:700 clamp(32px,5vw,52px)/1.1 "Roboto Flex",Roboto,system-ui,sans-serif;letter-spacing:-.015em;margin:0 0 20px;max-width:18ch}
.hero p{font-size:19px;color:var(--t2);max-width:62ch;margin:0 0 28px}
.btn{display:inline-block;background:var(--p);color:var(--sp);padding:12px 22px;border-radius:100px;font-weight:500;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.estado{display:inline-block;background:var(--cp);color:var(--t);padding:4px 12px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:20px}
section{padding:40px 0;border-top:1px solid var(--o)}section h2{font:600 24px/1.2 "Roboto Flex",Roboto,sans-serif;margin:0 0 20px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{border:1px solid var(--o);border-radius:12px;padding:20px}.card h3{margin:0 0 8px;font:600 17px/1.3 Roboto,sans-serif}.card p{margin:0;color:var(--t2);font-size:15px}
pre{background:var(--code);color:#D7E3EE;padding:16px 20px;border-radius:12px;overflow-x:auto;font:13px/1.6 "Roboto Mono",ui-monospace,Consolas,monospace;margin:0}
footer{border-top:1px solid var(--o);padding:32px 0 48px;color:var(--t2);font-size:14px}footer p{margin:0 0 8px}footer a{color:var(--t2)}
article{max-width:760px;padding:48px 0 64px}article h1{font:700 34px/1.15 "Roboto Flex",Roboto,sans-serif;margin:0 0 8px}article h2{font:600 20px/1.3 Roboto,sans-serif;margin:32px 0 8px}
article .meta{color:var(--t2);font-size:14px;margin-bottom:24px}article li{margin:4px 0}