/* Estados do SPA: barra de progresso e transição da view */
.spa-progress {
  position: fixed; top: 0; left: 0; height: 3px; width: 0;
  background: var(--mv-amarelo); z-index: 9999;
  opacity: 0; transition: width .3s ease, opacity .3s ease;
}
.spa-loading .spa-progress { width: 70%; opacity: 1; }
.mv-view { transition: opacity .15s ease; }
.spa-loading .mv-view { opacity: .55; }
@media (prefers-reduced-motion: reduce) {
  .spa-progress, .mv-view { transition: none; }
}