.carregando{ left:0; top:0; position:fixed; z-index:5000000; background: rgba(28,35,51,0.9); width:100% !important; height:100% !important; display: flex; align-items: center; justify-content: center; }
.carregando .logoloading { width: 140px; height: 140px; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; 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: 3px solid transparent; border-top: 2px solid #eaeaea ; border-bottom: 2px solid #eaeaea ; border-radius: 50%; width: 140px; height: 140px; animation: spin 2s linear infinite; position: fixed; top: 50%; left: 50%; margin-top: -70.5px; margin-left: -70.5px; }
@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(28,35,51,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:100px !important; height:100px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }


.luximob_loading {
width: 200px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}

svg {
width: 100%;
height: auto;
overflow: visible;
}

/* Estilo do fundo estático */
.bg-paths path {
fill: none;
stroke: #00f0ff;
stroke-width: 0.5;
opacity: 0.1; /* Logo fica visível de fundo bem suave */
}

/* Estilo da linha animada */
.luxury-path {
fill: transparent;
stroke: #00f0ff;
stroke-width: 1.2;
stroke-linecap: round;
stroke-linejoin: round;

stroke-dasharray: 60 140;
animation: infinityFlow 2s linear infinite;

/* Brilho neon luxuoso */
filter: drop-shadow(0 0 5px rgba(0, 240, 255, 0.8));
}

/* Delay sutil para as peças laterais parecerem mais dinâmicas */
.luxury-path:nth-child(1),
.luxury-path:nth-child(2),
.luxury-path:nth-child(3) {
animation-duration: 2.5s; /* Velocidade levemente diferente nas barras menores */
opacity: 0.7;
}

@keyframes infinityFlow {
from {
  stroke-dashoffset: 200; /* Inicia um ciclo completo atrás */
}
to {
  stroke-dashoffset: 0;   /* Termina no zero para encaixar perfeitamente no próximo loop */
}
}

/* Pulsação de cor no fundo para dar "vida" ao sistema */
.bg-paths {
animation: subtlePulse 3s ease-in-out infinite alternate;
}

@keyframes subtlePulse {
from { opacity: 0.8; }
to { opacity: 1; }
}