/* Hoja comun de las paginas interiores. Los tokens son los mismos de la
   portada: si cambia la marca, cambian todas a la vez. */
:root {
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fondo: #f7f4ec; --fondo2: #ede7d9; --linea: #ded7c5;
  --tinta: #1e2118; --suave: #4f5444; --olivo: #4f5d2b; --olivo-osc: #3a4524;
  --noche: #242b17; --noche-ink: #f1eee4; --noche-suave: #afb3a0; --noche-linea: #39402c;
  --t-titulo: clamp(1.875rem, 3.6vw, 2.75rem);
  --t-guia: clamp(1.1875rem, 1.6vw, 1.3125rem);
  --t-cuerpo: 1.0625rem; --t-menudo: .875rem;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--fondo); color: var(--tinta);
  font-family: var(--sans); font-size: var(--t-cuerpo); line-height: 1.6;
  -webkit-font-smoothing: antialiased; }
.env { max-width: 760px; margin-inline: auto; padding-inline: max(22px, env(safe-area-inset-left, 0px)); }
nav { background: var(--noche); padding-block: 13px; }
nav .env { max-width: 1080px; display: flex; align-items: center; gap: 16px; }
.marca { display: inline-flex; align-items: center; gap: 9px; color: var(--noche-ink);
  font-weight: 600; font-size: var(--t-guia); letter-spacing: -0.03em; text-decoration: none; }
.marca svg { width: 25px; height: 25px; color: #b9cb7e; flex: none; }
nav .volver { margin-left: auto; color: var(--noche-suave); font-size: var(--t-menudo); text-decoration: none; }
nav .volver:hover { color: var(--noche-ink); }
main { padding-block: 72px 96px; }
h1 { font-family: var(--serif); font-weight: 400; font-size: var(--t-titulo);
  letter-spacing: -0.022em; line-height: 1.12; margin: 0 0 10px; }
h2 { font-family: var(--serif); font-weight: 400; font-size: var(--t-guia);
  margin: 46px 0 10px; letter-spacing: -0.015em; }
p, li { margin: 0 0 14px; max-width: 68ch; }
ul { padding-left: 20px; }
a { color: var(--olivo); text-decoration: underline; text-underline-offset: 3px; }
.fecha { color: var(--suave); font-size: var(--t-menudo); margin-bottom: 40px; }
.aviso { background: var(--fondo2); padding: 20px 22px; margin: 28px 0; }
.aviso p:last-child { margin-bottom: 0; }
strong { font-weight: 600; }
footer { background: var(--noche); color: var(--noche-suave); padding-block: 34px 44px; }
footer .env { max-width: 1080px; }
footer p { font-size: var(--t-menudo); line-height: 1.6; max-width: 72ch; }
footer a { color: #b9cb7e; }
:focus-visible { outline: 2px solid var(--olivo); outline-offset: 3px; }
.signo { width: 26px; height: 26px; flex: none; background: #b9cb7e;
  -webkit-mask: url(img/marca.png) center / contain no-repeat;
          mask: url(img/marca.png) center / contain no-repeat; }