:root { --fondo: #0a0a0a; --texto: #e8e8e8; --suave: #9a9a9a; --rojo: #e10600; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--texto); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 48px 16px 64px; }
h1 { font-size: clamp(2rem, 7vw, 3.2rem); letter-spacing: .04em; margin: 0 0 .2em; text-transform: uppercase; }
h1 span { color: var(--rojo); }
h2 { color: var(--rojo); font-size: 1.15rem; text-transform: uppercase; letter-spacing: .08em; margin-top: 2em; }
.lema { color: var(--suave); margin-top: 0; }
a { color: var(--texto); text-decoration-color: var(--rojo); text-underline-offset: 3px; }
a:hover { color: var(--rojo); }
nav { margin-top: 3em; padding-top: 1.2em; border-top: 1px solid #2a2a2a; color: var(--suave); }
hr { border: 0; border-top: 2px solid var(--rojo); margin: 3em 0; }