@font-face{font-family:Figtree;src:url(/fuentes/Figtree_400Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url(/fuentes/Figtree_700Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Bricolage;src:url(/fuentes/BricolageGrotesque_800ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
:root{--noche:#0F0E13;--carbon:#1B1A22;--grafito:#2A2833;--chispa:#D4FF3F;--tiza:#F6F4EE;--niebla:#A9A6B3;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noche);color:var(--tiza);font:400 17px/1.6 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif}
header,main,footer{max-width:680px;margin:0 auto;padding:0 20px}
header{padding-top:28px;padding-bottom:8px}
.marca{font:800 26px/1 Bricolage,Figtree,sans-serif;letter-spacing:-.5px;color:var(--tiza);text-decoration:none}
.marca span{display:inline-block;width:22px;height:22px;line-height:22px;margin:0 3px;border-radius:11px;background:var(--chispa);color:var(--noche);text-align:center;font-size:17px;vertical-align:3px}
h1,h2{font-family:Bricolage,Figtree,sans-serif;font-weight:800;letter-spacing:-.5px;line-height:1.15}
h1{font-size:34px;margin:32px 0 8px}
h2{font-size:21px;margin:32px 0 8px}
.lema{font:800 clamp(34px,8vw,52px)/1.05 Bricolage,Figtree,sans-serif;letter-spacing:-1px;margin:48px 0 16px}
.lema em{font-style:normal;color:var(--chispa)}
.entradilla{font-size:19px;color:var(--niebla);margin:0 0 24px}
.fecha{color:var(--niebla);font-size:15px;margin:0 0 8px}
p,ul{margin:0 0 12px}
ul{padding-left:22px}
li{margin:4px 0}
a{color:var(--chispa)}
.tarjeta{background:var(--carbon);border:1px solid var(--grafito);border-radius:20px;padding:4px 20px 12px;margin:20px 0}
.pasos li{margin:6px 0}
footer{margin-top:56px;padding-top:24px;padding-bottom:40px;border-top:1px solid var(--grafito);color:var(--niebla);font-size:15px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}
footer a{color:var(--tiza)}
:focus-visible{outline:2px solid var(--chispa);outline-offset:3px;border-radius:4px}