/*
 * Prohall — politica-privacidade.php: classes exclusivas desta página
 * (padrões que só aparecem aqui; o que se repete em outras páginas está em
 * assets/css/components.css). Nenhum style="" deveria sobrar nesta página.
 */

/* combina com .ph-container-narrow (max-width:900px;margin:0 auto) já
   aplicada no elemento — aqui só o padding específico desta página */
.pp-header-wrap{padding:64px 40px 56px}

.pp-eyebrow-dark{font:700 11px 'Manrope',sans-serif;letter-spacing:2px;color:rgba(255,255,255,.6)}

.pp-h1{font:800 40px/1.1 'Manrope',sans-serif;letter-spacing:-1.2px;margin:14px 0 0}

.pp-article-wrap{max-width:820px;margin:0 auto;padding:56px 40px 80px}

/* acordeão "dados coletados" — estado aberto/fechado agora controlado por
   classe (antes: style="display:..." inline, tanto no PHP quanto no JS) */
#privacyAccordion .ph-acc-body{display:none}
#privacyAccordion .ph-acc-body.pp-acc-open{display:block}

/* ---- Responsivo (mobile/tablet) ----
   Só o padding lateral por enquanto (padronizado em 24px em todas as
   páginas); o vertical continua no valor de desktop até ser revisado. */
@media (max-width:860px){
  .pp-header-wrap,
  .pp-article-wrap{padding-left:24px;padding-right:24px}
}