/*
 * edfika-loader.css — Tela de carregamento global das páginas públicas.
 * O loader aparece imediatamente (CSS puro, sem JS) e desaparece com fade
 * assim que a página termina de carregar (evento "load" do JS).
 */

#edfika-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #673619;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  transition: opacity .4s ease, visibility .4s ease;
}
#edfika-loader.saindo {
  opacity: 0;
  visibility: hidden;
}
#edfika-loader .loader-logo {
  width: 90px;
  opacity: .95;
  animation: pulsaLogo 1.6s ease-in-out infinite;
}
#edfika-loader .loader-barra-wrap {
  width: 160px;
  height: 4px;
  background: rgba(255,255,255,.2);
  border-radius: 4px;
  overflow: hidden;
}
#edfika-loader .loader-barra {
  height: 100%;
  background: #F8931F;
  border-radius: 4px;
  animation: progresso 1.2s ease-in-out infinite;
}
@keyframes pulsaLogo {
  0%,100% { transform: scale(1);   opacity: .9; }
  50%      { transform: scale(1.05); opacity: 1;  }
}
@keyframes progresso {
  0%   { width: 0%;   margin-left: 0; }
  50%  { width: 70%;  margin-left: 0; }
  100% { width: 0%;   margin-left: 100%; }
}