/* ═══ RESPONSIVO DA PRIVACIDADE — estudo pág. 9 (1440/834/390). Documento de texto corrido:
   o trabalho é medida de linha e ritmo de leitura — nenhum bloco muda de lugar em nenhuma
   largura, e esta página não tem hero com imagem (topo é o navy sólido do tema), portanto não
   há transição de hero. O desktop (>1000) fica INTOCADO: tudo aqui vive em media query.
   DIVERGÊNCIA REGISTRADA: o estudo baixa a medida de leitura de 860 para 760px NO DESKTOP —
   mudança de desktop, fora do escopo desta propagação. O protótipo vence: 860 fica. Em 834 e
   390 a largura útil já é menor que 860, então a medida é a do container, como o estudo pede.
   PROPOSTA PENDENTE (não aplicada, criaria degrau novo): corpo em 17px/1.7 só nesta página. ═══ */

/* ── TABLET (769–1000) · margens 24 · vão entre seções 40 ── */
@media (max-width:1000px) and (min-width:769px){
:root{--mx-gutter-safe:var(--space-24)}
/* régua: H1 60→44 · H2 de seção segue em 24 · corpo 16/1.65 · título→texto 12 (herdados) */
.pv-hero h1{font-size:44px;line-height:1.05}
/* ritmo: recuos do topo e do corpo um degrau abaixo do desktop (160/64 → 144/48 · 80/96 → 64/80) */
.pv-hero{padding-block:calc(var(--space-96) + var(--space-48)) var(--space-48)}
.pv-corpo{padding-block:var(--space-64) var(--space-80)}
.pv-corpo .wrap{gap:var(--space-40)}
}

/* ── CELULAR (≤768) · margens 24 · vão entre seções 32 ── */
@media (max-width:768px){
.pv-hero h1{font-size:40px;line-height:1.05}
.pv-hero{padding-block:calc(var(--space-96) + var(--space-48)) var(--space-48)}
.pv-corpo{padding-block:var(--space-48) var(--space-64)}
/* vão de seção menor para o documento não virar uma coluna infinita de blocos iguais */
.pv-corpo .wrap{gap:var(--space-32)}
}