/* Páginas legales y 404. Se carga después de styles.css. */
.legal {
  padding-block: clamp(7rem, 14vw, 10rem) clamp(3rem, 7vw, 5rem);
  padding-inline: max((100% - 46rem) / 2, 1.25rem);
  background: var(--hueso-claro);
  min-height: 70vh;
}

.legal h1 {
  font-size: clamp(2rem, 5vw, 3.2rem);
  margin-bottom: 0.75rem;
}

.legal__fecha {
  font-size: 0.85rem;
  opacity: 0.6;
  margin-bottom: 2.5rem;
}

.legal h2 {
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  font-weight: 400;
  margin: 2.25rem 0 0.6rem;
}

.legal p,
.legal li {
  max-width: 68ch;
}

.legal p + p { margin-top: 0.8rem; }

.legal ul {
  margin: 0.6rem 0 0;
  padding-left: 1.2rem;
}

.legal li + li { margin-top: 0.35rem; }

.legal a { text-underline-offset: 0.18em; }

.legal__volver {
  display: inline-block;
  margin-top: 2.5rem;
  font-size: 0.9rem;
}

.legal--404 {
  min-height: 100vh;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 1.25rem;
}

.pie__legal {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  font-size: 0.85rem;
}

.pie__legal a { opacity: 0.65; }
.pie__legal a:hover,
.pie__legal a:focus-visible { opacity: 1; }

.aviso-simple {
  grid-column: 1 / -1;
  font-size: 0.8rem;
  opacity: 0.75;
  max-width: 62ch;
}