/*
 * Prohall — páginas legais (termos-de-servico.php, exclusao-de-dados.php):
 * classes exclusivas destas páginas. O que se repete no site (.ph-article,
 * .ph-bg-dark, .ph-container-narrow) está em prohall.css / components.css.
 */

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

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

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

.lg-data{font:400 14px 'Manrope',sans-serif;color:rgba(255,255,255,.55);margin:18px 0 0}

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

/* caixa de destaque (prazo de processamento, contato) */
.lg-destaque{background:#f7f7f8;border-left:3px solid #141414;padding:20px 24px;margin:26px 0}
.lg-destaque p:last-child{margin-bottom:0}

/* lista numerada com marcador circular — "como solicitar a exclusão" */
.lg-passos{counter-reset:passo;list-style:none;padding-left:0;margin:0 0 22px}
.lg-passos li{position:relative;padding-left:52px;margin:0 0 20px}
.lg-passos li::before{
  counter-increment:passo;content:counter(passo);
  position:absolute;left:0;top:-2px;width:32px;height:32px;
  background:#141414;color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font:800 14px 'Manrope',sans-serif;
}

/* ---- Responsivo (mobile/tablet) ----
   Só o padding lateral (padronizado em 24px em todas as páginas). */
@media (max-width:860px){
  .lg-header-wrap,
  .lg-article-wrap{padding-left:24px;padding-right:24px}
  .lg-h1{font-size:32px;letter-spacing:-.8px}
}