/* Estilos de las páginas legales. Se cargan encima de styles.css. */

.legal { padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(3rem, 7vw, 5rem); }
.legal .wrap { max-width: min(72ch, 100% - 2.5rem); }

.legal h1 { font-size: var(--step-3); margin: 0 0 .4rem; }
.legal h2 {
  font-size: var(--step-1);
  margin: 2.6rem 0 .7rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--hairline);
}
.legal h3 { font-size: var(--step-0); margin: 1.6rem 0 .5rem; color: var(--ink); }
.legal p, .legal li { color: var(--ink-soft); }
.legal p { margin: 0 0 1rem; }
.legal ul { margin: 0 0 1.2rem; padding-left: 1.2rem; }
.legal li { margin-bottom: .45rem; }
.legal a { color: var(--indigo); }
:root[data-theme="dark"] .legal a { color: #A9B4FF; }
@media (prefers-color-scheme: dark) { .legal a { color: #A9B4FF; } }
:root[data-theme="light"] .legal a { color: var(--indigo); }
.legal code {
  font-size: .92em;
  background: var(--ground-alt);
  padding: .1em .4em;
  border-radius: 6px;
}

.legal .updated {
  font-size: var(--step--1);
  color: var(--ink-soft);
  margin: 0 0 2rem;
}

/* Resumen honesto arriba del todo */
.legal .resumen {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: 22px;
  padding: 1.4rem 1.6rem .4rem;
  margin-bottom: 1rem;
}
.legal .resumen h2 {
  margin: 0 0 .6rem;
  padding-top: 0;
  border-top: 0;
  font-family: var(--display);
  color: var(--ink);
}

/* Datos identificativos */
.legal ul.datos { list-style: none; padding-left: 0; }
.legal ul.datos li { margin-bottom: .55rem; }
.legal ul.datos strong { color: var(--ink); }

/* Huecos por rellenar: imposibles de pasar por alto */
.legal mark {
  background: var(--mango);
  color: #3B2000;
  font-weight: 700;
  padding: .1em .45em;
  border-radius: 6px;
}

.legal .volver { margin-top: 3rem; }