/* Aviso de privacidade — usa o cabeçalho e o rodapé da landing (main.css/desktop.css). Só o miolo é próprio. */
.legal { max-width: 44rem; margin: 0 auto; padding: 2rem var(--gutter) 4rem; overflow-wrap: break-word; color: var(--cafe); }
.legal h1, .legal h2 { font-family: var(--fonte-titulo); font-weight: 500; line-height: 1.15; color: var(--cafe-texto); }
.legal h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3rem); margin: 0.5rem 0 1rem; }
.legal h2 { font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem); margin: 2rem 0 0.5rem; }
.legal p { margin: 0 0 1rem; }
.lede { font-size: 1.1875rem; }
.nota { font-size: 0.875rem; color: var(--cafe-rotulo); margin-top: 2rem; }
.legal__voltar { display: inline-flex; align-items: center; min-height: var(--alvo); font-weight: 700; }

/* cabeçalho em página interna: mesma barra da landing, sempre sólida (na landing ele é transparente sobre o hero).
   Até 1079px: fixa no topo (sticky) como a da landing; a partir de 1080px: barra do desktop (fixa, 192px no topo e 112px ao rolar). */
.topo.topo--interna { position: sticky; top: 0; background: var(--verde); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.18); }
.js .topo.topo--interna.is-scrolled { background: var(--verde); }
@media (min-width: 67.5em) {
  .topo.topo--interna { position: fixed; inset: 0 0 auto 0; height: calc(var(--u) * 192); box-shadow: none; }
  .js .topo.topo--interna.is-scrolled { background: transparent; }   /* a barra de 112px vem do ::before do desktop.css */
  main.legal { margin-top: calc(var(--u) * 192); }          /* o cabeçalho é fixo: o conteúdo começa abaixo dele */
}