/* Páginas legales. Hereda los tokens de ruta.css. Texto largo, ancho cómodo. */

.legal main { padding: clamp(28px, 5vw, 52px) 0 clamp(40px, 6vw, 72px); }
.legal .encabezado { padding-bottom: clamp(20px, 4vw, 34px); }
.legal .encabezado h1 { font-size: clamp(30px, 5vw, 46px); }
.legal .rotulo a { color: inherit; text-decoration: none; }
.legal .rotulo a:hover { text-decoration: underline; }
.legal .actualizado { font-family: var(--mono); font-size: 13px; color: var(--tinta-suave); margin: 14px 0 0; }

.legal section { margin: 0 0 clamp(26px, 4vw, 38px); max-width: 68ch; }
.legal h2 { font-size: clamp(19px, 2.6vw, 24px); margin: 0 0 10px; }
.legal p { font-size: 16.5px; line-height: 1.7; }
.legal a { color: var(--patina); }

.legal .datos { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; }
.legal .datos dt { font-weight: 600; font-size: 14px; color: var(--tinta-suave); }
.legal .datos dd { margin: 0; font-family: var(--mono); font-size: 15px; }

/* Aviso de datos sin cargar. Fuerte a propósito: no se publica así. */
.legal .pendiente {
  --filete-color: var(--ladrillo);
  border: 2px solid var(--ladrillo); border-radius: var(--radio);
  background: rgba(176, 85, 47, .08);
  padding: 16px 18px 16px 24px; margin: 0 0 30px;
  font-size: 15px; line-height: 1.6; max-width: 68ch;
}
.legal .pendiente strong { display: block; margin-bottom: 4px; color: var(--ladrillo-texto); }
.legal .pendiente code { font-family: var(--mono); font-size: 13.5px; }

.legal .pie ul { list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 8px 20px; }