:root {
  color-scheme: light dark;
  --fondo: #f6efe3;
  --superficie: #fffaf2;
  --texto: #2b2118;
  --texto-2: #6b5a48;
  --primario: #b4442a;
  --borde: #d9cbb4;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #1c1712;
    --superficie: #2a231b;
    --texto: #f3e9da;
    --texto-2: #bfae98;
    --primario: #e0704f;
    --borde: #453a2e;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 1.5rem 1rem 3rem;
  background: var(--fondo);
  color: var(--texto);
  font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}
main { max-width: 70ch; margin: 0 auto; }
h1, h2, h3 { font-family: "Fraunces", georgia, "Times New Roman", serif; line-height: 1.25; }
h1 { font-size: 2rem; margin: 1rem 0 0.25rem; }
h2 { font-size: 1.35rem; margin-top: 2rem; }
h3 { font-size: 1.1rem; }
a { color: var(--primario); }
a:focus-visible { outline: 3px solid var(--primario); outline-offset: 2px; }
.datos { color: var(--texto-2); margin: 0 0 2rem; }
.volver { display: inline-block; padding: 0.6rem 0; }
table { display: block; overflow-x: auto; border-collapse: collapse; margin: 1rem 0; font-size: 0.95rem; }
th, td { border: 1px solid var(--borde); padding: 0.5rem; text-align: left; vertical-align: top; }
th { background: var(--superficie); }
code { font-size: 0.95em; background: var(--superficie); padding: 0 0.2em; border-radius: 3px; }