/* Paginas legales — hereda tipografia y color del resto del sitio */
.legal { padding-block: var(--sp-8) 40px; }
.legal .wrap { max-width: 78ch; }

.legal__vuelta { margin-bottom: var(--sp-6); }
.legal__vuelta a { color: var(--text-dim); text-decoration: none; font-size: var(--fs-label); }
.legal__vuelta a:hover { color: var(--text); }

.legal h1 { font-family: var(--font-display); text-transform: uppercase;
  font-size: clamp(1.9rem, 4vw, 2.9rem); line-height: 1.05; margin-bottom: var(--sp-2); }
.legal__fecha { color: var(--text-dim); font-size: var(--fs-label);
  letter-spacing: .06em; margin-bottom: var(--sp-8); }

.legal h2 { font-size: 1.12rem; margin-top: var(--sp-8); margin-bottom: var(--sp-3);
  padding-top: var(--sp-6); border-top: 1px solid var(--line); letter-spacing: -.01em; }
.legal h2:first-of-type { border-top: 0; padding-top: 0; }

.legal p, .legal li { color: var(--text-dim); line-height: 1.75; margin-bottom: var(--sp-3); }
.legal strong { color: var(--text); font-weight: 600; }
.legal a { color: var(--c-electric-blue); text-decoration: none;
  border-bottom: 1px solid rgba(0,212,255,.3); }
.legal a:hover { border-bottom-color: var(--c-electric-blue); }
.legal ul { padding-left: 1.15rem; margin-bottom: var(--sp-4); }
.legal li { margin-bottom: var(--sp-2); }
.legal code { font-family: ui-monospace, Menlo, monospace; font-size: .86em;
  background: var(--surface-2); padding: 2px 6px; border-radius: 4px; color: var(--text); }

.legal__tabla { width: 100%; border-collapse: collapse; margin-bottom: var(--sp-6);
  font-size: .93rem; }
.legal__tabla th, .legal__tabla td { text-align: left; vertical-align: top;
  padding: 11px 14px; border-bottom: 1px solid var(--line); color: var(--text-dim);
  line-height: 1.6; }
.legal__tabla th { color: var(--text); font-weight: 600; white-space: nowrap; width: 28%; }
.legal__tabla--ancha th { white-space: normal; width: auto; }
.legal__tabla--ancha tr:first-child th { background: var(--surface);
  font-size: var(--fs-label); text-transform: uppercase; letter-spacing: .08em; }
.legal__tabla tr:last-child th, .legal__tabla tr:last-child td { border-bottom: 0; }

.legal__falta { color: var(--c-orange); font-style: italic; }

.legal__destacado { background: rgba(0,212,255,.07);
  border: 1px solid rgba(0,212,255,.3); border-radius: 12px;
  padding: 18px 22px; margin-bottom: 28px; line-height: 1.7; color: var(--text-dim); }
.legal__destacado strong { color: var(--text); }

.legal__pendiente { background: rgba(239,151,33,.1);
  border: 1px solid rgba(239,151,33,.45); border-radius: 12px;
  padding: 16px 20px; margin-bottom: 28px; line-height: 1.65;
  color: var(--text-dim); font-size: .92rem; }
.legal__pendiente strong { color: var(--c-orange); display: block; margin-bottom: 4px; }

@media (max-width: 620px) {
  .legal__tabla, .legal__tabla tbody, .legal__tabla tr, .legal__tabla th, .legal__tabla td { display: block; }
  .legal__tabla th { width: auto; border-bottom: 0; padding-bottom: 2px; }
  .legal__tabla td { padding-top: 0; }
  .legal__tabla--ancha tr:first-child { display: none; }
}