/* Centralização do conteúdo sem alterar a estrutura dos blocos. */
main section { text-align: center; }
main .section-heading {
  margin-left: auto;
  margin-right: auto;
}
main .section-heading h2,
main .hero-copy > p { margin-left: auto; margin-right: auto; }
/* O título e os parágrafos do banner compartilham o eixo da coluna central. */
#inicio .hero-copy > p,
#inicio .hero-copy > .eyebrow { text-align: center; }
@media (min-width: 901px) {
  #inicio .hero-copy {
    grid-template-areas: ". eyebrow ." "title intro action" "title details note";
  }
  #inicio .hero-copy > .eyebrow { transform: none; }
}
main .icon-grid article,
main .service-grid article,
main .project-grid article,
main .event-grid article,
main .values article,
main .registration-info-grid article,
main .registration-info-grid aside,
main .help-options span,
main .project-spotlight > div,
main .event-feature > div,
main .partnership-copy,
main .story-details { text-align: center; }
main .social-actions { justify-content: center; }
main .check-list { text-align: center; }
main .registration-info-grid ul,
main .partnership-structure ul { padding-left: 0; list-style-position: inside; }
/* As perguntas e respostas mantêm o alinhamento original. */
main .accordion { text-align: left; }
/* Espaço real entre a etiqueta e o título, sem deslocar o texto sobre os cartões. */
.audience .section-heading .eyebrow { display: inline-block; margin-bottom: 18px; }
.audience .section-heading h2 { padding-top: 0; }
@media (min-width: 651px) and (max-width: 1100px) {
  .audience.section > div:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: min(100%, 720px) !important;
    margin: 0 auto !important;
  }
  .audience.section > div:nth-of-type(2) > span { display: block; white-space: normal; }
  .audience.section > div:nth-of-type(2) > span:last-child { grid-column: 1 / -1; }
}
/* Listas de documentos alinhadas pela esquerda, inclusive quando quebram linha. */
#cadastro .registration-info-grid article ul { text-align: left; }
#cadastro .registration-info-grid article li { display: flex; align-items: flex-start; }
#cadastro .registration-info-grid article li::before { flex: 0 0 19px; margin-top: .22em; }
/* Os campos continuam alinhados para facilitar o preenchimento. */
main form { text-align: left; }
