/*
 * Layout estrutural do site publico (DON-023).
 *
 * So a grade base: header/main/footer empilhados, container centralizado
 * com largura maxima e padding lateral responsivo. Conteudo real de header,
 * footer e paginas (cards, secoes) e assunto de issues futuras -- aqui
 * nenhum componente de UI e estilizado, so a estrutura onde eles vao se
 * encaixar.
 *
 * Mobile-first: a regra base ja serve a tela pequena, a media query so
 * ajusta o espaco disponivel em telas maiores.
 */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  padding-inline: var(--spacing-container-padding-inline);
  padding-block: var(--spacing-stack-default);
}

/* md (768px) -- ver a escala de breakpoints em tokens.css. */
/* Aviso aprovado da candidatura: preservar paragrafos sem confiar em HTML externo. */
.revendedora-aviso-texto {
  white-space: pre-line;
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  main {
    max-width: 1200px;
    padding-inline: var(--space-6);
    padding-block: var(--spacing-region-gap);
  }
}