:root {
  --fondo: #f6f7fb; --texto: #161a2b; --suave: #5b6177; --linea: #dfe2ec; --acento: #2f8f5b; --tarjeta: #ffffff;
}
@media (prefers-color-scheme: dark) {
  :root { --fondo: #0d1020; --texto: #e9ebf5; --suave: #a3a8bf; --linea: #262b45; --acento: #6fd39a; --tarjeta: #141831; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--texto); font: 17px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 16px 64px; }
a { color: var(--acento); }
.marca { display: flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; margin-bottom: 32px; }
.marca img { width: 56px; height: 56px; border-radius: 50%; }
.marca b { font-size: 19px; }
h1 { font-size: clamp(28px, 6vw, 38px); line-height: 1.15; margin: 0 0 8px; }
h2 { font-size: 20px; margin: 36px 0 8px; }
.fecha, .lema { color: var(--suave); margin: 0 0 24px; }
.redes { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0; padding: 0; list-style: none; }
.redes a { display: inline-block; padding: 10px 18px; border: 1px solid var(--linea); border-radius: 999px; background: var(--tarjeta); color: var(--texto); text-decoration: none; }
.en { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--linea); }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--linea); color: var(--suave); font-size: 15px; }
footer a { color: var(--suave); }