/* Estilos de las páginas secundarias (privacidad.html, 404.html): mismos tokens que index.html. */
@font-face { font-family: "SUI"; src: url("fonts/SFUIDisplay-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "SUI"; src: url("fonts/SFUIDisplay-Semibold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "SUI"; src: url("fonts/SFUIDisplay-Heavy.woff2") format("woff2"); font-weight: 800; font-display: swap; }
:root { --ink: #102d43; --muted: #5f7280; --blue: #146aa3; --sky: #bde8f4; --aqua: #50c9cf; --paper: #f5f8f6; --line: #dbe7e5; --white: #ffffff; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "SUI", "Segoe UI", sans-serif; line-height: 1.6; }
a { color: var(--blue); }
.shell { width: min(860px, calc(100% - 32px)); margin: 0 auto; }
.top { background: #0b3150; padding: 18px 0; }
.top a { display: inline-block; }
.top img { height: 48px; width: auto; display: block; background: #fff; border-radius: 10px; padding: 4px 14px; }
main { padding: 48px 0 64px; }
h1 { font-weight: 800; font-size: clamp(1.8rem, 4vw, 2.5rem); line-height: 1.15; margin: 0 0 8px; }
h2 { font-weight: 600; font-size: 1.2rem; margin: 32px 0 8px; }
p, li { color: #34495a; }
.muted { color: var(--muted); font-size: .9rem; }
.btn { display: inline-block; margin-top: 18px; padding: 12px 22px; border-radius: 999px; background: var(--blue); color: #fff; text-decoration: none; font-weight: 600; }
.btn:hover { background: #0f5482; }
footer { padding: 28px 0; color: #78909d; background: #092941; font-size: .82rem; }
footer a { color: #a9bccb; }
.center { text-align: center; padding: 96px 0; }
.big { font-size: 5rem; font-weight: 800; color: var(--aqua); line-height: 1; margin: 0; }