/* ==========================================================
   Estilos das páginas legais (privacidade e termos)
   ========================================================== */

.legal { padding: calc(var(--header-h) + 60px) 0 90px; background: var(--white); }

.legal-inner { max-width: 780px; }

.legal h1 { color: var(--navy); margin-bottom: 10px; }

.legal-data {
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-soft);
  padding-bottom: 28px;
  margin-bottom: 34px;
  border-bottom: 1px solid var(--line);
}

.legal h2 {
  font-size: 1.35rem;
  color: var(--navy);
  margin: 42px 0 14px;
  padding-left: 16px;
  border-left: 3px solid var(--gold);
}

.legal p { color: var(--ink-soft); margin-bottom: 16px; }
.legal strong { color: var(--ink); font-weight: 600; }

.legal a {
  color: var(--navy);
  font-weight: 500;
  border-bottom: 1px solid var(--gold);
  transition: color 0.25s var(--ease);
}
.legal a:hover { color: var(--gold-deep); }

.legal ul {
  list-style: none;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.legal ul li {
  position: relative;
  padding-left: 24px;
  color: var(--ink-soft);
}

.legal ul li::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
}

@media (max-width: 760px) {
  .legal { padding: calc(var(--header-h) + 36px) 0 64px; }
  .legal h2 { font-size: 1.18rem; margin-top: 34px; }
}