/* AIO Marketing | Loading de marca: tres dots, logo original branca, primeira visita da sessao, 1,5 segundo e mensagem. */
html.aio-loader-seen #loader.aio-brand-loader,
#loader.aio-brand-loader[hidden]{display:none!important}
#loader.aio-brand-loader{
  position:fixed;inset:0;z-index:2147483000;display:flex!important;
  align-items:center;justify-content:center;opacity:1;visibility:visible;
  background:#1454b4!important;background-color:#1454b4!important;
  transition:opacity .30s cubic-bezier(.33,1,.68,1),visibility .30s ease;
  pointer-events:auto;overflow:hidden;
}
#loader.aio-brand-loader.aio-loader-done{opacity:0;visibility:hidden;pointer-events:none}
#loader.aio-brand-loader .loader__wrapper{
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  width:100%;height:100%;padding:24px!important;margin:0!important;
  background:transparent!important;background-color:transparent!important;
  transform:none!important;
}
#loader.aio-brand-loader .loader__wrapper::after{display:none!important}
#loader.aio-brand-loader .aio-loader-mark{
  position:relative;width:clamp(210px,34vw,340px);aspect-ratio:640/285;
  flex:0 0 auto;filter:drop-shadow(0 12px 30px rgba(5,25,70,.10));
}
#loader.aio-brand-loader .aio-loader-mark img{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:contain;filter:brightness(0) invert(1)!important;
}
#loader.aio-brand-loader .aio-loader-base{opacity:.18}
#loader.aio-brand-loader .aio-loader-reveal{
  position:absolute;top:0;bottom:0;left:0;width:0;overflow:hidden;
}
#loader.aio-brand-loader .aio-loader-reveal img{
  width:clamp(210px,34vw,340px);min-width:clamp(210px,34vw,340px);
  max-width:none;object-fit:contain;
}
#loader.aio-brand-loader.aio-loader-running .aio-loader-reveal{
  animation:aio-mark-reveal 1.2s linear both;
}
@keyframes aio-mark-reveal{from{width:0}to{width:100%}}
#loader.aio-brand-loader .aio-loader-dots{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:14px 0 0;padding:0;min-height:18px;
}
#loader.aio-brand-loader .aio-loader-dot{
  display:block;width:9px;height:9px;min-width:9px;border-radius:50%;
  background:#fff!important;opacity:.45;transform:translateY(0) scale(.85);
  animation:aio-dot-pulse 1s ease-in-out infinite;
}
#loader.aio-brand-loader .aio-loader-dot:nth-child(2){animation-delay:.18s}
#loader.aio-brand-loader .aio-loader-dot:nth-child(3){animation-delay:.36s}
@keyframes aio-dot-pulse{
  0%,60%,100%{opacity:.4;transform:translateY(0) scale(.85)}
  30%{opacity:1;transform:translateY(-6px) scale(1.08)}
}
@media(max-width:480px){
  #loader.aio-brand-loader .aio-loader-dots{margin-top:12px;gap:11px}
  #loader.aio-brand-loader .aio-loader-dot{width:8px;height:8px;min-width:8px}
}
@media(prefers-reduced-motion:reduce){
  #loader.aio-brand-loader{transition:none!important}
  #loader.aio-brand-loader .aio-loader-mark{filter:none}
  #loader.aio-brand-loader .aio-loader-reveal{width:100%!important;animation:none!important}
  #loader.aio-brand-loader .aio-loader-dot{animation:none!important;opacity:1;transform:none}
}

#loader.aio-brand-loader, #loader.aio-brand-loader .loader__wrapper{box-sizing:border-box!important}

/* AIO Marketing | headline curta, sem comprometer a leitura em telas pequenas. */
#loader.aio-brand-loader .aio-loader-tagline{
  margin:24px 0 0!important;padding:0 18px!important;max-width:660px;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:500 clamp(14px,1.55vw,18px)/1.5 Inter,Arial,sans-serif!important;
  letter-spacing:-.015em;text-align:center;text-transform:none!important;
  text-wrap:balance;opacity:1;transform:none;
}
#loader.aio-brand-loader .aio-loader-tagline .aio-loader-wait{
  display:block;margin-bottom:6px;color:#cfe0ff!important;-webkit-text-fill-color:#cfe0ff!important;
  font:700 11px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;
}
#loader.aio-brand-loader .aio-loader-tagline strong{font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:480px){
  #loader.aio-brand-loader .aio-loader-tagline{font-size:14px!important;margin-top:19px!important;max-width:350px;padding:0 12px!important}
  #loader.aio-brand-loader .aio-loader-tagline .aio-loader-wait{font-size:10px!important}
}