/* Estilos del aviso de privacidad: página de contenido legal, sin interacción. */

@layer features {
/*
  El despeje del navbar fijo sale del token. Decía 8rem, un número que ya
  traía sumada la altura de la barra y por eso no se podía auditar: no se
  sabía cuánto era barra y cuánto aire. Ahora el aire es lo único que se
  elige acá; la altura la pone --navbar-height. Rinde el mismo 8rem.
*/
.legal__main {
  min-height: 100vh;
  padding: var(--espacio-bajo-navbar) 1.5rem 4rem;
  background-color: var(--color-background);
}

.legal__container {
  min-inline-size: 0;
}

.legal__title {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  margin-bottom: 0.5rem;
  background: var(--gradient-heading);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.legal__updated {
  color: var(--color-text-subtle);
  font-size: 0.85rem;
  margin-bottom: 2.5rem;
}

/*
  El despeje de ancla lo reserva el scrollport (styles.css: html {
  scroll-padding-top }) para todo el documento: repetirlo acá era la
  duplicación que ese token vino a evitar.
*/
.legal__section {
  margin-bottom: 2rem;
  min-inline-size: 0;
}

.legal__section-title {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  color: var(--color-text);
}

.legal__subsection-title {
  font-size: 0.95rem;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  color: var(--color-text);
}

.legal__section p,
.legal__section li {
  color: var(--color-text-muted);
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.legal__section p + p {
  margin-top: 0.75rem;
}

.legal__section ul {
  margin: 0.5rem 0 0 1.25rem;
}

.legal__section li + li {
  margin-top: 0.4rem;
}

.legal__contact {
  color: var(--color-text);
}

.legal__external {
  color: var(--color-accent);
  text-decoration: underline;
}
}