/* ==========================================================================
   IBC — Páginas legales (términos de uso, política de privacidad)
   Portada de texto sin fotografía (no hay imagen de referencia para estas
   páginas) y cuerpo de prosa legible, compartidos por ambas páginas.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Portada de texto

   Variante de .page-hero sin fotografía: mismo fondo navy-950 y el mismo
   padding-top atado a la cabecera fija, pero sin .page-hero__media ni velo,
   porque no hay imagen que mostrar detrás del título.
   -------------------------------------------------------------------------- */
.legal-hero {
  padding-block: calc(var(--header-height) + var(--space-xl)) var(--space-lg);
  background-color: var(--color-navy-950);
  color: var(--color-on-dark);
  text-align: center;
}

.legal-hero__eyebrow {
  color: var(--color-brass-400);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
}

.legal-hero__title {
  margin-top: var(--space-sm);
  font-size: var(--text-h2);
}

.legal-hero__updated {
  margin-top: var(--space-sm);
  color: var(--color-on-dark-soft);
  font-family: var(--font-ui);
  font-size: var(--text-sm);
}

/* --------------------------------------------------------------------------
   Cuerpo de prosa

   Ancho de columna angosto (62ch): son documentos para leer, no maquetas de
   marketing. El mismo patrón de rótulo con línea de latón que introduce cada
   sección ya usado en normas.html (.normas-heading), reimplementado aquí
   porque normas.css no se carga en estas páginas.
   -------------------------------------------------------------------------- */
.legal-content {
  max-width: 62ch;
  margin-inline: auto;
}

.legal-content__intro {
  color: var(--color-ink-soft);
}

.legal-article + .legal-article { margin-top: var(--space-lg); }

.legal-article__heading {
  display: flex;
  align-items: baseline;
  gap: var(--space-sm);
}

.legal-article__rule {
  flex-shrink: 0;
  width: 2rem;
  height: 1px;
  background-color: var(--color-brass-500);
}

.legal-article__title {
  font-size: var(--text-h3);
  letter-spacing: var(--tracking-title);
}

.legal-article__body {
  margin-top: var(--space-sm);
  color: var(--color-ink-soft);
}

.legal-article__body p + p,
.legal-article__body ul + p,
.legal-article__body p + ul { margin-top: var(--space-sm); }

.legal-article__body ul {
  display: grid;
  gap: var(--space-2xs);
  padding-left: 1.1rem;
  list-style: disc;
}

.legal-article__body strong { color: var(--color-ink); }

/* Marcador de dato pendiente por completar con la información real de la
   empresa (razón social, RFC, domicilio, contacto de datos personales).
   Visualmente distinto a propósito: no debe pasar inadvertido antes de
   publicar el sitio. */
.legal-placeholder {
  background-color: rgba(184, 150, 92, 0.16);
  color: var(--color-brass-600);
  font-weight: 600;
}

.legal-content__contact {
  margin-top: var(--space-lg);
  padding-top: var(--space-md);
  border-top: 1px solid var(--border-hairline);
  color: var(--color-ink-soft);
}