:root { --fondo: #12141a; --texto: #f5f3ee; --suave: #b9b6ae; --dorado: #e8b53a; }
* { 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 20px 24px; }
h1 { font-size: 2.2rem; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 1.25rem; margin: 36px 0 8px; color: var(--dorado); }
a { color: var(--dorado); }
.lema { font-size: 1.2rem; color: var(--suave); margin-top: 0; }
.fecha { color: var(--suave); font-size: .95rem; }
.boton { display: inline-block; background: var(--dorado); color: #12141a; padding: 10px 18px;
  border-radius: 8px; font-weight: 700; text-decoration: none; }
footer { max-width: 720px; margin: 0 auto; padding: 24px 20px 48px; color: var(--suave); font-size: .95rem; }
ul { padding-left: 1.2em; }
.yt { color: var(--texto); margin: 0 0 10px; }
@media print { body { background: #fff; color: #111; } h2, a, .yt { color: #0b57d0; } .lema, .fecha, footer { color: #444; } .boton { background: #fff; color: #0b57d0; border: 1px solid #0b57d0; } }