/* ============================================================
   SPLASH SCREEN da plataforma (04/11, refeita): fundo preto e só a
   chama da marca no centro, como a abertura de um app. Sem barra,
   sem texto. Saída: assets/js/splash.js (.splash). Chegada:
   html.chegando (script inline no head da plataforma).
   Tokens: --splash-marca, --splash-entra, --splash-sai, --splash-min.
   ============================================================ */
.splash{
  position:fixed; inset:0; z-index:10000;
  display:grid; place-items:center;
  background:var(--ink-0);
  opacity:0; visibility:hidden;
  transition:opacity var(--splash-entra) var(--curva-saida), visibility 0s linear var(--splash-entra);
}
.splash.is-on{ opacity:1; visibility:visible; transition:opacity var(--splash-entra) var(--curva-saida), visibility 0s; }
.splash__chama, html.chegando::before{
  width:var(--splash-marca); aspect-ratio:75.09 / 89.68;
  background:url("../logo/oficial/icone-chama-sunset.svg") center / contain no-repeat;
}
.splash__chama{ opacity:0; transform:scale(.92); transition:opacity .45s var(--curva-saida), transform .6s var(--curva-saida); }
.splash.is-on .splash__chama{ opacity:1; transform:none; }

/* chegada na plataforma: a mesma tela, já pintada; some quando a página carregou */
html.chegando::after{
  content:""; position:fixed; inset:0; z-index:10000; pointer-events:none;
  background:var(--ink-0);
  transition:opacity var(--splash-sai) var(--curva-padrao);
}
html.chegando::before{
  content:""; position:fixed; z-index:10001; pointer-events:none;
  left:50%; top:50%; translate:-50% -50%;
  animation:splash-respira 1.6s var(--curva-padrao) infinite alternate;
  transition:opacity .35s var(--curva-padrao), transform var(--splash-sai) var(--curva-saida);
}
html.chegando.chegou::after, html.chegando.chegou::before{ opacity:0; }
html.chegando.chegou::before{ animation:none; transform:scale(1.08); }
@keyframes splash-respira{ from{ transform:scale(1); } to{ transform:scale(.94); } }

@media (prefers-reduced-motion: reduce){
  .splash, .splash__chama{ transition:none; }
  html.chegando::after, html.chegando::before{ transition:none; animation:none; }
}