/* ===== Páginas jurídicas — reaproveita os tokens de styles.css ===== */
.legal-header {
  border-bottom: 1px solid var(--line);
  background: var(--paper-raised);
}
.legal-header .wrap {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 22px;
}
.legal-header .brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); }
.legal-header .brand-logo { width: 32px; height: 32px; border-radius: 9px; }
.legal-header .brand-name { font-family: var(--font-display); font-weight: 600; font-size: 18px; }
.legal-header .voltar {
  font-size: 14px; font-weight: 600; color: var(--sage-deep); text-decoration: none;
}
.legal-header .voltar:hover { text-decoration: underline; }

.legal-main { max-width: 760px; margin: 0 auto; padding: 48px 22px 80px; }
.legal-eyebrow {
  font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--sage-deep); margin-bottom: 10px;
}
.legal-main h1 {
  font-size: clamp(28px, 5vw, 38px); margin-bottom: 6px; letter-spacing: -0.01em;
}
.legal-updated { color: var(--ink-soft); font-size: 14px; margin-bottom: 40px; }

.legal-main h2 {
  font-family: var(--font-display); font-size: 21px; font-weight: 600;
  margin-top: 42px; margin-bottom: 14px; padding-top: 6px;
  border-top: 1px solid var(--line);
}
.legal-main h2:first-of-type { border-top: none; padding-top: 0; margin-top: 0; }
.legal-main p { margin-bottom: 14px; color: var(--ink); }
.legal-main ul, .legal-main ol { margin: 0 0 14px; padding-left: 22px; }
.legal-main li { margin-bottom: 8px; color: var(--ink); }
.legal-main strong { color: var(--ink); }
.legal-main a { color: var(--sage-deep); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.legal-main blockquote {
  margin: 18px 0; padding: 14px 18px; background: var(--tint-green); border-radius: var(--radius-md);
  font-size: 14.5px; color: var(--ink-soft); border-left: 3px solid var(--sage);
}
.legal-table { width: 100%; border-collapse: collapse; margin: 8px 0 20px; font-size: 14.5px; }
.legal-table th, .legal-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.legal-table th { font-family: var(--font-display); font-weight: 600; color: var(--ink); }
.legal-table td { color: var(--ink-soft); }
.legal-contact {
  margin-top: 40px; padding: 18px 20px; background: var(--tint-warm); border-radius: var(--radius-md);
  font-size: 15px;
}
.legal-contact a { color: var(--ink); }

@media (max-width: 560px) {
  .legal-table { display: block; overflow-x: auto; white-space: nowrap; }
}