:root{--tinta:#2A2D45;--gris:#5B607C;--indigo:#484F73;--fondo:#F6F6F9;--oro:#E8B04A;--noche:#231F20}
@media (prefers-color-scheme:dark){:root{--tinta:#F3EEE4;--gris:#B9B5C4;--indigo:#A9AFD6;--fondo:#17151A}}
*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.6 'DM Sans',system-ui,sans-serif}
header{background:var(--noche);padding:28px 20px}header h1{margin:0;color:var(--oro);font:700 34px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em}
header p{margin:6px 0 0;color:#F3EEE4;font-size:14px}main{max-width:720px;margin:0 auto;padding:24px 20px 48px}
h2{font:600 22px/1.2 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--indigo);margin:28px 0 8px}
a{color:var(--indigo)}.nota{color:var(--gris);font-size:14px}nav{margin-top:8px}nav a{color:#F3EEE4;font-size:14px;margin-right:14px}