/* ---------- TELA DE LOADING ----------
   Vinheta da marca (assets/loading/, renderizada do After "Animated logo.01",
   já sobre fundo branco). Toda página abre com ela e ela roda pelo menos uma
   vez inteira; se o conteúdo ainda não chegou, repete em loop até chegar.
   Quem controla o tempo é o loader.js; aqui só a aparência e o fade de saída,
   disparado pela classe .pronto no body (a mesma que revela o #app). */
#preloader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  background:#fff;transition:opacity .7s ease}
/* a sombra suave da vinheta vai até a borda do quadro e marcava um retângulo
   cinza no branco; a máscara dissolve a borda pro branco da tela */
#preloader video{width:min(640px,88vw);aspect-ratio:16/9;height:auto;display:block;
  background:#fff;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);
          mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}
body.pronto #preloader{opacity:0;pointer-events:none}
/* o aviso de cookies só aparece depois da vinheta */
body:not(.pronto) .cookie{visibility:hidden}
html[data-breve] #preloader{display:none!important}
@media (prefers-reduced-motion:reduce){
  #preloader{transition-duration:.15s}
}