/* =========================================================
   Legal pages (Política de Privacidade / LGPD)
   ========================================================= */

.nav--static {
  position: relative;
  background: var(--navy-900);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav--static .nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.nav--static .nav__logo--dark { display: none; }

.legal {
  padding: 80px 0 120px;
  background: var(--white);
  color: var(--ink-800, #1A2332);
}

.legal .container { max-width: 820px; }

.legal__head {
  border-bottom: 1px solid var(--ink-300);
  padding-bottom: 32px;
  margin-bottom: 40px;
}
.legal__head h1 {
  margin: 14px 0 12px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.1;
}
.legal__meta {
  color: var(--ink-600, #4B5668);
  font-size: var(--fs-body-sm);
  margin: 0;
}

.legal__body section {
  margin-bottom: 40px;
}
.legal__body h2 {
  font-family: var(--font-display, Fraunces, serif);
  font-size: clamp(22px, 2.4vw, 28px);
  margin: 0 0 14px;
  color: var(--navy-900);
}
.legal__body h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 22px 0 10px;
  color: var(--navy-800);
}
.legal__body p,
.legal__body li {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-800, #1A2332);
}
.legal__body p { margin: 0 0 14px; }
.legal__body ul,
.legal__body ol {
  margin: 0 0 18px;
  padding-left: 22px;
}
.legal__body li { margin-bottom: 8px; }
.legal__body a {
  color: var(--navy-800);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.legal__body a:hover { color: var(--cyan-400); }
.legal__body strong { color: var(--navy-900); }

.legal__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 32px;
  margin-top: 48px;
  border-top: 1px solid var(--ink-300);
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .legal { padding: 48px 0 80px; }
  .legal__body section { margin-bottom: 32px; }
  .legal__foot { flex-direction: column; align-items: stretch; }
}