/* =========================================================
   PÁGINAS LEGALES
   Hoja común para aviso, privacidad, cookies y condiciones.
   ========================================================= */

/* 01) BASE EDITORIAL -------------------------------------- */

/* La base editorial, el contenedor y el enlace de salto se cargan desde los módulos compartidos. */

/* 02) ÍNDICE INTERNO -------------------------------------- */

/* 03) CABECERA Y CONTENIDO LEGAL ------------------------- */

.legal-hero {
  max-width: 76rem;
  padding-block: clamp(4.5rem, 9vw, 8rem) clamp(3rem, 6vw, 5rem);
}

.legal-hero h1 {
  max-width: 15ch;
  margin-bottom: 1.25rem;
  hyphens: auto;
  overflow-wrap: anywhere;
}

.legal-hero .lead,
.legal-hero > p:last-child {
  max-width: 66ch;
}

.legal-content {
  max-width: 76rem;
  padding-bottom: clamp(5rem, 10vw, 9rem);
}

.legal-section {
  max-width: 72ch;
  padding-block: clamp(2.4rem, 5vw, 4.25rem);
  border-top: 1px solid var(--v4-petrol-border);
}

.legal-section h2,
.legal-basis h2 {
  max-width: 24ch;
  hyphens: auto;
  overflow-wrap: anywhere;
}

.legal-section h3 {
  margin-top: 2.4rem;
}

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

.legal-section a,
.legal-basis a {
  color: var(--v4-ochre-light);
  text-underline-offset: 0.18em;
}

.legal-section a:hover,
.legal-basis a:hover {
  color: var(--v4-ochre);
}

.legal-basis {
  max-width: 72ch;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-left: 4px solid var(--v4-ochre);
  background: var(--v4-bg-deep);
}

/* 04) REGISTROS Y LISTAS DE COOKIES ---------------------- */

.cookie-record {
  padding: clamp(1.4rem, 4vw, 2.4rem);
  border: 1px solid var(--v4-petrol-border);
}

.cookie-record h3 {
  margin-top: 0;
}

.cookie-facts,
.cookie-list {
  margin-block: 1.75rem;
}

.cookie-facts > div,
.cookie-list > div {
  display: grid;
  grid-template-columns: minmax(10rem, 0.38fr) minmax(0, 1fr);
  gap: 1rem 1.5rem;
  padding-block: 1rem;
  border-top: 1px solid var(--v4-petrol-border);
}

.cookie-facts > div:last-child,
.cookie-list > div:last-child {
  border-bottom: 1px solid var(--v4-petrol-border);
}

.cookie-facts dt,
.cookie-list dt {
  color: var(--v4-text);
  font-weight: 700;
}

.cookie-facts dd,
.cookie-list dd {
  margin: 0;
}

/* 05) ADAPTACIÓN ----------------------------------------- */

@media (max-width: 38rem) {
  .cookie-facts > div,
  .cookie-list > div {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
}