/* Comportamento visual da apresentação automática de módulos. */
.abas-nav { margin-bottom: 12px; }
.aba-btn { cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.aba-btn:focus-visible { outline: 3px solid #9cc9a5; outline-offset: 2px; }
.abas-progresso { height: 3px; max-width: 360px; margin: 0 auto 33px; background: #dfe9e0; border-radius: 999px; overflow: hidden; }
.abas-progresso span { display: block; width: 0; height: 100%; background: var(--forest); border-radius: inherit; }
.abas-progresso.is-rodando span { animation: aba-progresso 5s linear forwards; }
.abas-progresso.is-pausada span { animation-play-state: paused; }
@keyframes aba-progresso { from { width: 0; } to { width: 100%; } }
.aba-painel { opacity: 1; transition: opacity .4s ease; }
.aba-painel.aba-saindo, .aba-painel.aba-entrando { opacity: 0; }
@media (max-width: 680px) {
  .abas-nav { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
  .aba-btn { flex: 0 0 auto; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .aba-painel { transition-duration: .01ms; }
  .abas-progresso.is-rodando span { animation-duration: .01ms; }
}