/* Estado "Carregando..." das telas (aplicado por carregandoSoNaPrimeiraVez, em app-inline.js).

   O texto fica invisivel nos primeiros 0,25 s DEPOIS QUE A TELA APARECE e entao surge suavemente em 0,15 s.
   Quem recebe os dados antes disso nem chega a ver "Carregando..." (sem pisca). Se a resposta demorar, o
   texto aparece normalmente, entao ninguem fica olhando uma tela vazia sem saber o que esta acontecendo.

   A animacao CSS so comeca quando o elemento passa a ser exibido (display diferente de none): se a tela ja
   estiver carregando em segundo plano e o usuario abri-la, a contagem dos 0,25 s comeca no momento do clique. */
@keyframes carregando-surgir {
  from { opacity: 0; }
  to { opacity: 1; }
}

html .carregando-atraso {
  animation: carregando-surgir .15s ease-out .25s backwards;
}

@media (prefers-reduced-motion: reduce) {
  html .carregando-atraso { animation-duration: .01s; }
}