/* ══════════════════════════════════════════════════════════════════
   05 · PROVISÓRIO — o que muda da capa oficial para ela ficar sozinha
   ══════════════════════════════════════════════════════════════════ */

/* Página de uma tela só: nada rola. */
html, body{
  height: 100%;
  overflow: hidden;
}

/* A capa oficial tem min-height 620px para dar lugar à rolagem até a seção 02.
   Aqui ela é a página inteira: ocupa exatamente a janela, nem mais nem menos,
   senão em tela baixa sobraria um pedaço cortado sem barra para alcançar. */
#capa{
  height: 100svh;
  min-height: 0;
}

/* Tela baixa (celular deitado): sem o min-height, a janela de 375px de altura
   jogava o texto para cima e a base do logo (90px) cobria a frase de apoio
   (83px). Marca menor e mais alta, pé do texto mais perto da borda.
   REVISÃO design 14/09/2026 — o topo volta a 24px, o mesmo piso do max() da
   capa oficial (nenhuma outra altura põe a marca acima disso). A etiqueta sobe
   de 12px para 30px: a 12px a linha de base dela ficava 18px abaixo da última
   linha do lead, quase alinhada e não alinhada; a 30px as duas dividem a mesma
   base, e a etiqueta sai da faixa do indicador de início do iPhone deitado. */
@media (max-height: 500px){
  .capa__logo{ --alt-logo: 48px; top: 24px; }
  .capa__pe{ padding-bottom: 28px; }
  .capa__referencia{ bottom: 30px; }
}