/* ═══════════════════════════════════════════════════════════════════════════
   LEGAL — Despacho Tirzo & Bautista Abogados
   Estilos de páginas de texto legal (política de cookies, privacidad, términos).
   ═══════════════════════════════════════════════════════════════════════════ */

.legal { color: var(--c-text-soft); }

.legal__intro {
  font-size: var(--fs-lg);
  color: var(--c-text);
  margin-bottom: var(--sp-8);
}

.legal h2 {
  font-size: var(--fs-2xl);
  color: var(--c-navy);
  margin-top: var(--sp-8);
  margin-bottom: var(--sp-3);
  text-align: left;               /* texto legal alineado a la izquierda para lectura */
}

.legal p {
  color: var(--c-text-soft);
  margin-bottom: var(--sp-4);
  line-height: 1.7;
}

.legal__document {
  margin-top: var(--sp-10);
  padding-top: var(--sp-2);
  border-top: 1px solid var(--c-border);
}

.legal__notice {
  padding: var(--sp-4);
  border-left: 4px solid var(--c-navy);
  background-color: var(--c-surface);
}

.legal__document .btn { margin-top: var(--sp-2); }

.legal__updated {
  margin-top: var(--sp-8);
  padding-top: var(--sp-5);
  border-top: 1px solid var(--c-border);
  font-size: var(--fs-sm);
  color: var(--c-text-soft);
  font-style: normal;
}