/*
 * politica.css — Página "Política de Privacidade" (slug politica-de-privacidade).
 * Carregado via ai_theme_enqueue_assets() quando is_page('politica-de-privacidade').
 * Header/footer têm CSS próprio. Tokens no :root de style.css.
 */

.pp-page { font-family: var(--tf-font); color: var(--tf-navy); }

.eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.11em; text-transform: uppercase; }
.eyebrow--gold { color: var(--tf-yellow); }
.eyebrow-bar { width: 26px; height: 2px; background: var(--tf-yellow); }

/* ===== HERO (azul) ===== */
.pp-hero { position: relative; background: var(--tf-navy); overflow: hidden; }
.pp-hero-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.pp-hero-ring { position: absolute; width: 560px; height: 560px; border-radius: 50%; border: 76px solid rgba(0, 78, 168, 0.28); right: -220px; top: -220px; }
.pp-hero-stripes { position: absolute; inset: 0; background: repeating-linear-gradient(125deg, rgba(255, 255, 255, 0.028) 0 2px, transparent 2px 60px); }
.pp-hero-inner { position: relative; max-width: var(--tf-container); margin: 0 auto; padding: 150px 32px 64px; }
.pp-hero-title { font-family: var(--tf-font); font-weight: 700; font-size: clamp(30px, 4vw, 52px); line-height: 1.1; color: #fff; margin: 16px 0 0; }

/* ===== CORPO (branco) ===== */
.pp-body { background: #fff; }
.pp-body-inner { max-width: 860px; margin: 0 auto; padding: 72px 32px 96px; }
.pp-body-inner > *:first-child { margin-top: 0; }
.pp-body-inner h2 { font-family: var(--tf-font); font-weight: 700; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.25; color: var(--tf-navy); margin: 40px 0 0; }
.pp-body-inner h3 { font-family: var(--tf-font); font-weight: 700; font-size: 19px; line-height: 1.3; color: var(--tf-navy); margin: 28px 0 0; }
.pp-body-inner p { font-size: 16px; line-height: 1.75; color: #4a5078; margin: 16px 0 0; }
.pp-body-inner ul, .pp-body-inner ol { margin: 16px 0 0; padding-left: 22px; color: #4a5078; }
.pp-body-inner li { font-size: 16px; line-height: 1.75; margin-top: 6px; }
.pp-body-inner a { color: var(--tf-blue); text-decoration: underline; }
.pp-body-inner a:hover { color: var(--tf-navy); }
.pp-body-inner strong { color: var(--tf-navy); font-weight: 600; }
.pp-body-inner blockquote { margin: 20px 0 0; padding: 14px 20px; border-left: 3px solid var(--tf-yellow); background: var(--tf-light); border-radius: 0 10px 10px 0; color: #4a5078; }

@media (max-width: 640px) {
  .pp-hero-inner { padding: 130px 20px 56px; }
  .pp-body-inner { padding: 56px 20px 72px; }
}