/* O ritmo entre as seções (16/10, pedido do Maicon: "acerta o espaçamento entre as seções").
   Um respiro só, --respiro, em cima e embaixo de cada seção clara: duas seções claras seguidas ficam a
   2 × --respiro uma da outra (128 px no desktop, 88 px no celular); depois de uma foto ou do fundo
   escuro, a borda da imagem já separa e basta um. Dentro de uma seção os blocos ficam mais perto
   (64 a 72 px no painel), para ela continuar sendo uma. Carrega por último. */
:root {
  --respiro: 64px;
}
@media (max-width: 820px) {
  :root {
    --respiro: 44px;
  }
}

.secao.verificacao,
.secao.certidao,
.secao.painel,
.secao.comeco {
  padding-block: var(--respiro);
}
.cuidado .cuidado-corpo {
  padding-top: var(--respiro);
  padding-bottom: var(--respiro);
}
.rodape {
  padding-top: var(--respiro);
}