/* Alteria — Texto legal (privacidad, términos) */

.alteria-legal { padding-block: 8rem 5rem; }
@media (min-width: 640px) { .alteria-legal { padding-block: 9rem 7rem; } }

.alteria-legal__head {
  padding-bottom: 2rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid var(--alteria-border);
}

.alteria-legal__title { font-size: 32px; }
@media (min-width: 640px) { .alteria-legal__title { font-size: 42px; } }

.alteria-legal__intro {
  margin-top: 1.25rem;
  font-size: var(--alteria-fs-body);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}

.alteria-legal__fecha {
  margin-top: 1rem;
  font-size: var(--alteria-fs-xs);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--alteria-muted-foreground);
}

.alteria-legal__seccion + .alteria-legal__seccion { margin-top: 2.5rem; }

.alteria-legal__subtitulo {
  font-size: 20px;
  color: var(--alteria-foreground);
}
@media (min-width: 640px) { .alteria-legal__subtitulo { font-size: 22px; } }

.alteria-legal__texto {
  margin-top: .875rem;
  font-size: var(--alteria-fs-sm);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}
@media (min-width: 1024px) { .alteria-legal__texto { font-size: 16px; } }

.alteria-legal__texto p + p { margin-top: .875rem; }

/* Las listas del WYSIWYG: viñeta propia, porque el reset quita list-style. */
.alteria-legal__texto ul { margin-top: .875rem; display: grid; gap: .625rem; }
.alteria-legal__texto li { position: relative; padding-left: 1.25rem; }
.alteria-legal__texto li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .6em;
  width: .375rem;
  height: .375rem;
  border-radius: 9999px;
  background: var(--alteria-primary);
}

.alteria-legal__texto strong { color: var(--alteria-foreground); font-weight: 600; }
.alteria-legal__texto a { color: var(--alteria-primary); text-decoration: underline; }

.alteria-legal__pie {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--alteria-border);
  font-size: var(--alteria-fs-xs);
  color: var(--alteria-muted-foreground);
}