/* ============================================================
   Nexvelia · Páginas legales
   Tipografía editorial, ancho de lectura cómodo.
   ============================================================ */

.legal-page {
  padding-block: clamp(var(--s-12), 8vw, var(--s-20));
}
.legal-page .eyebrow { margin-bottom: var(--s-4); }
.legal-page h1 { margin-bottom: var(--s-6); max-width: 18ch; }
.legal-meta {
  font-size: var(--fs-13); color: var(--ink-muted);
  border-block: 1px solid var(--line); padding-block: var(--s-4);
  margin-block: var(--s-10);
  display: flex; gap: var(--s-8); flex-wrap: wrap;
}
.legal-meta strong { display: block; font-size: var(--fs-11, 0.6875rem); letter-spacing: 0.2em; text-transform: uppercase; color: var(--c-tinta-700); margin-bottom: 2px; font-weight: 500; }

.legal-content { max-width: var(--w-prose); font-size: var(--fs-16); color: var(--ink); line-height: 1.75; }
.legal-content h2 { font-size: var(--fs-24); margin-block: var(--s-10) var(--s-4); }
.legal-content h3 { font-size: var(--fs-18); margin-block: var(--s-8) var(--s-3); font-weight: 600; }
.legal-content p { margin-bottom: var(--s-5); }
.legal-content ul { margin-block: var(--s-4) var(--s-6); padding-left: var(--s-5); }
.legal-content ul li { list-style: disc; margin-bottom: var(--s-2); padding-left: var(--s-2); }
.legal-content a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.legal-content a:hover { color: var(--accent-hover); }

.legal-table {
  width: 100%; border-collapse: collapse;
  margin-block: var(--s-6) var(--s-8);
  font-size: var(--fs-14);
}
.legal-table th, .legal-table td {
  padding: var(--s-3) var(--s-4); text-align: left;
  border-bottom: 1px solid var(--line); vertical-align: top;
}
.legal-table th {
  font-family: var(--font-display); font-size: var(--fs-12); letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--c-tinta-700); font-weight: 500;
  background: var(--bg-card);
}
.legal-table tbody tr:hover { background: rgba(15, 30, 61, 0.02); }