/* 0.40 — páginas estáticas (/tema/…, áreas e subáreas) servidas sem o app
 * interativo. Reaproveitam header, .content, .crumb, .cards e .entry-body das
 * folhas existentes; aqui ficam só os ajustes de uma página sem rodapé fixo. */
body.pagina-estatica { padding-bottom: 0; min-height: 100svh; }
.pagina-estatica main { flex: 1 0 auto; width: 100%; }
.pagina-estatica .comunidade[hidden] { display: none; }
.indice-sub { margin: 30px 0 0; }
.indice-sub h2 { margin: 0 0 6px; font-size: 22px; }
.indice-sub h2 a { color: inherit; text-decoration: none; }
.indice-sub h2 a:hover, .indice-sub h2 a:focus-visible { text-decoration: underline; }
.indice-sub > p { margin: 0 0 10px; color: #a4b79f; }
.indice-lista { margin: 8px 0 0; padding-left: 20px; line-height: 1.55; }
.indice-lista li { margin: 6px 0; }
.indice-lista a { color: #dbeadf; text-decoration: underline; text-decoration-color: #9acbb466; text-underline-offset: 3px; }
.indice-lista a:hover, .indice-lista a:focus-visible { color: #fff; }
.interativo { margin: 34px 0 6px; padding: 14px 18px; border: 1px solid #6f99824d; border-radius: 18px; background: #10372c55; }
.interativo p { margin: 0; line-height: 1.5; }
.interativo a { color: #bfe9cf; }
.pagina-explorar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; margin-top: 26px; }
.pagina-explorar .back { margin: 0; }
.rodape-estatico { max-width: 950px; margin: 0 auto 36px; padding: 0 24px; font-size: 13px; line-height: 1.6; color: #a4b79f; }
.rodape-estatico nav { margin-bottom: 8px; }
.rodape-estatico a { color: #cfe4d7; text-underline-offset: 3px; }
@media (max-width: 760px) {
  .indice-sub h2 { font-size: 19px; }
  .rodape-estatico { padding: 0 18px; margin-bottom: 24px; }
}
/* 0.41 — páginas institucionais */
.rodape-estatico nav + nav { margin-top: -2px; }
.pendente { color: #ffd59a; font-weight: 600; }
.sobre-paginas ul { padding-left: 20px; line-height: 1.7; }