/* Páginas legales: texto largo, cómodo de leer */

.legal-cabecera {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px var(--pad) 0;
}

.legal-texto {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px var(--pad) 96px;
}

.legal-texto h1 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  margin-bottom: 8px;
}

.legal-texto .fecha {
  color: var(--text-2);
  font-size: 0.9375rem;
  margin-bottom: 40px;
}

.legal-texto h2 {
  font-size: 1.375rem;
  margin: 44px 0 12px;
}

.legal-texto p,
.legal-texto li {
  color: var(--text-soft);
  max-width: 40em;
}

.legal-texto p + p,
.legal-texto ul + p,
.legal-texto p + ul,
.legal-texto p + table,
.legal-texto table + p {
  margin-top: 14px;
}

.legal-texto ul {
  padding-left: 1.2em;
}

.legal-texto li + li {
  margin-top: 6px;
}

.legal-texto strong {
  color: var(--text);
  font-weight: 500;
}

.legal-texto a {
  text-decoration-color: var(--accent);
  text-underline-offset: 4px;
}

.legal-texto table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
}

.legal-texto th,
.legal-texto td {
  text-align: left;
  vertical-align: top;
  padding: 12px 14px 12px 0;
  border-top: 1px solid var(--border);
}

.legal-texto th {
  color: var(--text-2);
  font-weight: 500;
}

/* datos que faltan por rellenar antes de publicar */
.pendiente {
  color: var(--accent);
  border-bottom: 1px dashed var(--accent);
}

.footer .legal a[aria-current='page'] {
  color: var(--text);
}