/* Shared look for the small pages (gracias, privacidad, 404). The homepage keeps its own inline CSS. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600;700&display=swap");
:root{--ink:#0B1020;--blue:#2F5BFF;--blue-soft:#7D97FF;--gold:#F2B33D;--muted:#5A6175;--line:#DDE1EA;--bg:#F6F7FA}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.65;color:var(--ink);background:var(--bg)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.bar{background:var(--ink)}
.bar .wrap{height:64px;display:flex;align-items:center}
.brand{text-decoration:none}
.wordmark{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-.02em}
.wordmark b{color:var(--blue-soft)}
.wordmark em{color:var(--gold);font-style:normal}
h1,h2{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(1.8rem,5vw,2.5rem);margin:0 0 14px}
h2{font-size:1.25rem;margin:32px 0 8px}
.lead{font-size:1.1rem;color:var(--muted);margin:0 0 26px}
.center{text-align:center;padding-top:80px;padding-bottom:80px}
.badge{width:72px;height:72px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:1.8rem;font-weight:700}
.badge.gold{background:var(--gold);color:var(--ink);font-size:1.2rem;font-family:"Space Grotesk",system-ui,sans-serif}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;margin:4px;border-radius:999px;background:var(--blue);color:#fff;font-weight:600;text-decoration:none}
.btn.ghost{background:transparent;color:var(--blue);border:2px solid var(--blue)}
.doc{padding-top:48px;padding-bottom:72px}
.doc p,.doc li{color:#2A3044}
.doc a{color:var(--blue)}
.updated{color:var(--muted);font-size:.92rem}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}