:root {
  --fondo: #ffffff;
  --texto: #1a1a1a;
  --suave: #5c5c5c;
  --linea: #e4e4e4;
  --acento: #1f5f8b;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #14161a;
    --texto: #e8e8e8;
    --suave: #9aa0a6;
    --linea: #2a2e35;
    --acento: #7fb3d5;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 48px 16px 80px;
  background: var(--fondo);
  color: var(--texto);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
main { max-width: 680px; margin: 0 auto; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 6px; letter-spacing: -0.02em; }
h2 { font-size: 1.15rem; margin: 36px 0 10px; letter-spacing: -0.01em; }
p, li { color: var(--texto); }
.sub { color: var(--suave); margin: 0 0 32px; }
a { color: var(--acento); }
ul { padding-left: 20px; }
li { margin-bottom: 8px; }
footer {
  margin-top: 56px;
  padding-top: 20px;
  border-top: 1px solid var(--linea);
  color: var(--suave);
  font-size: 0.9rem;
}
footer a { margin-right: 16px; }