/* Critical Splash CSS - minimal to avoid FOUC */
#page-loading-overlay{
  position:fixed;
  inset:0;
  z-index:13000 !important; /* acima dos modais (tracking-modal: 12000) */
  background:rgba(255,255,255,.85);
  display:flex;
  align-items:center;
  justify-content:center;
}

.logo-progress{
  position:relative;
  width:clamp(200px,55vw,720px);
  aspect-ratio:2048/342;
  margin:0 auto 12px auto;
  max-width:95%;
  transform:scale(1.6);
  transform-origin:center;
  will-change:transform;
}

.logo-progress-base{
  position:absolute;
  inset:0;
  background:#bfc3c8;
  -webkit-mask-image:url("../img/logo.e911c70f8d2a.svg");
  mask-image:url("../img/logo.e911c70f8d2a.svg");
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
}

.logo-progress-mask{
  position:absolute;
  inset:0;
  overflow:hidden;
  -webkit-mask-image:url("../img/logo.e911c70f8d2a.svg");
  mask-image:url("../img/logo.e911c70f8d2a.svg");
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
}

.logo-progress-mask #logo-progress-fill{
  position:absolute;
  left:0;top:0;bottom:0;
  width:0%;
  background:#111111;
}

html:not(.js-ready) .logo-progress-mask #logo-progress-fill{
  animation:splash-trickle 2.2s ease-in-out .15s infinite alternate;
}

@keyframes splash-trickle{
  0%{width:8%}
 100%{width:88%}
}