/* A cor da tela de carregamento vem do TEMA DO PORTAL, não mais cravada.
   Era rgba(246,235,85,.9) — o amarelo do Guia da Corrida —, então todo tenant
   com favicon piscava a marca de terceiro em tela cheia ao abrir a página
   (só o portal 1 escapava, porque recebe .loading_escuro). O tema é injetado
   inline no <head> (metas-seo.php) ANTES deste arquivo, então a variável já
   existe aqui. O fallback é neutro de propósito: sem tema, um cinza escuro é
   melhor do que a cor de outra marca. */
.carregando{ left:0; top:0; position:fixed; z-index:5000000; background: var(--cor-secundaria, #16151a); width:100% !important; height:100% !important; display: flex; align-items: center; justify-content: center; }
.carregando.loading_escuro { background-color: rgba(0, 0, 0, 0.9) !important; }
.carregando .logoloading { width: 150px; height: 150px; left: 50%; top: 50%; margin-left: -76px; margin-top: -76px; background-repeat: no-repeat; background-size: 50% auto; background-position: center center; position: fixed; -webkit-animation: rodarodao 2s linear alternate 3; -moz-animation: rodarodao 2.0s linear infinite; -o-animation: rodarodao 2.0s linear infinite; animation: rodarodao 2.0s linear infinite;  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.carregando .loader {  border: 1px solid transparent; border-top: 1px solid var(--cor-primaria) ; border-bottom: 1px solid var(--cor-primaria) ; border-radius: 50%; width: 150px; height: 150px; animation: spin 2s linear infinite; position: fixed; top: 50%; left: 50%; margin-top: -77px; margin-left: -77px; }
@keyframes spin { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); } }
@-moz-keyframes rodarodao { 0% {  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% {  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 50% { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } 75% {  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 100% {  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

.carregando2 { position:fixed; z-index:5000000; background: rgba(255,255,255,0.6); width:100% !important; height:100vh; top: 0px; left: 0px; display: none; }
.carregando2 .loader { top: 50%; left: 50%; transform: translate(-50%, -50%); position:fixed; z-index:5000000; background: white url(../imagens/ajax-loader.gif) no-repeat center; width:150px !important; height:150px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/*NOVO*/
  .loader-wrapper {
    width: 150px; 
    height: auto;
  }

  .logo-part {
    fill: rgba(246, 235, 85, 0);
    stroke: #F6EB55;
    stroke-width: 1.5;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 200 40;
    animation: runLine 3s linear infinite;
  }

  .logo-part:nth-child(even) {
    animation-duration: 4s;
    animation-direction: reverse;
  }

  @keyframes runLine {
    from {
      stroke-dashoffset: 480;
    }
    to {
      stroke-dashoffset: 0;
    }
  }

  @keyframes pulseGlow {
    from { filter: drop-shadow(0 0 3px rgba(246, 235, 85, 0.4)); }
    to { filter: drop-shadow(0 0 10px rgba(246, 235, 85, 0.8)); }
  }