/* Hoja compartida por privacidad y términos: la misma voz que la app. */
:root {
  --papel: #F4EDE0; --papel-claro: #FBF6EC;
  --tinta: #2B1F17; --tinta-suave: #8B6F47; --cobre: #C4622C;
  --serif: 'DM Serif Display', Georgia, serif;
  --cuerpo: 'Fraunces', Georgia, serif;
  --sello: 'JetBrains Mono', ui-monospace, monospace;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--papel); color: var(--tinta);
  font-family: var(--cuerpo); font-size: 17px; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 620px; margin: 0 auto; padding: 40px 24px 80px; }
.volver { margin: 0 0 32px; }
.volver a, footer a {
  font-family: var(--sello); font-size: 11px; letter-spacing: 1.6px;
  text-transform: uppercase; color: var(--tinta-suave); text-decoration: none;
}
.volver a:hover, footer a:hover { color: var(--cobre); }
h1 { font-family: var(--serif); font-size: 48px; margin: 0 0 8px; font-weight: normal; }
h2 { font-family: var(--serif); font-size: 26px; margin: 44px 0 10px; font-weight: normal; }
.sello {
  font-family: var(--sello); font-size: 11px; letter-spacing: 1.6px;
  text-transform: uppercase; color: var(--tinta-suave); margin: 0 0 32px;
}
p { margin: 0 0 16px; }
ul { margin: 0 0 16px; padding-left: 22px; }
li { margin-bottom: 8px; }
a { color: var(--cobre); }
b { font-weight: 600; }
footer {
  border-top: 1px solid rgba(43,31,23,.13); margin-top: 64px; padding-top: 24px;
  display: flex; gap: 24px; flex-wrap: wrap;
}
@media (prefers-color-scheme: dark) {
  :root { --papel: #221A21; --papel-claro: #2E2430; --tinta: #F1E3C8; --tinta-suave: #B79C7C; --cobre: #D7743A; }
  footer { border-top-color: rgba(241,227,200,.16); }
}