/* ============================================================
   Grupo Karppa, Política de Privacidade no visual novo (etapa 5)
   Carregar depois do base.css e do cab-rod.css.
   Escolha do Nícolas (22/10/2026): abertura no centro com o degradê
   azul, como na /contato, e cada seção num cartão.
   ============================================================ */

.legal-topo {
  padding: clamp(48px, 6vw, 88px) 0 clamp(36px, 4.5vw, 56px);
  background: radial-gradient(ellipse 60% 100% at 50% 0%, rgba(39, 56, 191, .34) 0%, rgba(39, 56, 191, 0) 70%);
}
.legal-topo .apoio { max-width: 680px; }
.legal-meta { font-size: 14px; color: var(--texto-rotulo); }

.legal-corpo { padding: 0 0 clamp(64px, 8vw, 104px); }
.legal-coluna { display: flex; flex-direction: column; gap: 16px; max-width: calc(880px + 2 * max(20px, 5vw)); }

.legal-bloco { padding: clamp(24px, 3vw, 32px); }
.legal-bloco h2 { margin: 0 0 14px; font-size: clamp(1.3125rem, .7vw + 1rem, 1.625rem); line-height: 1.15; letter-spacing: -0.02em; }
.legal-bloco p,
.legal-bloco li { color: var(--texto-apoio); font-size: 16px; line-height: 1.7; }
.legal-bloco p { margin: 0 0 14px; }
.legal-bloco > :last-child,
.legal-bloco p:last-child { margin-bottom: 0; }
.legal-bloco strong { color: var(--texto); font-weight: 700; }

/* lista com um pontinho laranja */
.legal-bloco ul { margin: 0 0 14px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.legal-bloco li { position: relative; padding-left: 22px; }
.legal-bloco li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: .72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--destaque);
}

.legal-bloco a { color: var(--destaque); text-decoration: underline; text-decoration-color: var(--destaque-borda); text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-bloco a:hover { color: #ffffff; }

/* o quadro de "como exercer os seus direitos" */
.legal-box {
  margin-top: 18px;
  padding: 18px 22px;
  border-radius: 16px;
  border: 1px solid var(--destaque-borda);
  background: var(--destaque-fundo);
}
.legal-box p { margin: 0; color: rgba(245, 245, 247, .82); }