/* Páginas legales públicas (privacidad.html, terminos.html): legibles en teléfono y computador. */
:root {
  --fondo: #040b09;
  --texto: #e8f3ef;
  --suave: #9bb3ac;
  --acento: #34d399;
  --borde: hsla(158, 64%, 52%, 0.18);
}
@media (prefers-color-scheme: light) {
  :root {
    --fondo: #f7faf9;
    --texto: #0b1f19;
    --suave: #4b635c;
    --acento: #047857;
    --borde: hsla(158, 40%, 30%, 0.2);
  }
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--fondo);
  color: var(--texto);
  font: 16px/1.65 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 16px 56px;
}
h1 {
  font-size: clamp(1.5rem, 5vw, 2rem);
  line-height: 1.2;
  margin: 18px 0 6px;
}
h2 {
  font-size: 1.12rem;
  margin: 28px 0 8px;
  padding-top: 18px;
  border-top: 1px solid var(--borde);
}
p,
li {
  color: var(--suave);
}
strong {
  color: var(--texto);
}
ul {
  padding-left: 20px;
}
li + li {
  margin-top: 6px;
}
a {
  color: var(--acento);
}
.vigencia {
  font-size: 0.9rem;
}
.volver {
  display: inline-block;
  min-height: 44px;
  line-height: 44px;
  text-decoration: none;
  font-weight: 700;
}
.pie {
  margin-top: 36px;
  font-size: 0.9rem;
}