/* ---------- 13/10 · Minha frota: "Carregando a sua frota…" com o BellaBot andando (frota-carregando.js) */
#tela-frota{position:relative}
.fc-carregando{position:fixed;top:64px;right:0;bottom:0;left:var(--tc-off,296px);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--tc-bg,#EEEEEE);animation:fcEntra .25s ease both}
.fc-carregando[hidden]{display:none}
.fc-carregando.saindo{animation:fcSai .35s ease forwards}
@keyframes fcSombra{to{transform:scaleX(.9);opacity:.75}}
@keyframes fcRastro{0%,100%{opacity:.2;transform:translateX(6px)}50%{opacity:1;transform:translateX(0)}}
.fc-titulo{margin:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--tc-texto,#151515)}
.fc-pontos i{font-style:normal;animation:fcPonto 1.2s ease infinite}
.fc-pontos i:nth-child(2){animation-delay:.2s}.fc-pontos i:nth-child(3){animation-delay:.4s}
.fc-sub{margin:0;font-size:13px;color:var(--tc-apoio,#6B6B67)}
/* anda da esquerda pra direita, sai pela borda e volta a entrar pela esquerda */
@keyframes fcAnda{0%{transform:translateX(-110px)}100%{transform:translateX(min(480px,84vw))}}
@keyframes fcBalanca{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-3px) rotate(2deg)}}
@keyframes fcRoda{to{transform:rotate(360deg)}}
@keyframes fcChao{to{background-position:-26px 0}}
@keyframes fcPisca{0%,86%,100%{transform:scaleY(1)}92%{transform:scaleY(.12)}}
@keyframes fcPonto{0%,100%{opacity:.2}40%{opacity:1}}
@keyframes fcEntra{from{opacity:0}}
@keyframes fcSai{to{opacity:0}}
html.tc-reduzir-anim .fc-carregando *{animation:none !important}

/* 14/10: ícone = BellaBot da janela de saída, feliz. Cabeça balança de leve; olhos normal -> ^ ^ -> normal */
.fc-icone{width:150px;margin-bottom:14px;animation:fcCabeca 2.4s ease-in-out infinite;transform-origin:50% 90%}
.fc-rosto{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}
.fc-rosto .fc-olho{animation:fcOlhoNormal 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.fc-rosto .fc-feliz{opacity:0;animation:fcOlhoFeliz 3.2s ease-in-out infinite}
@keyframes fcCabeca{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-4px)}}
@keyframes fcOlhoNormal{0%,38%{opacity:1;transform:scaleY(1)}46%,88%{opacity:0;transform:scaleY(.15)}96%,100%{opacity:1;transform:scaleY(1)}}
@keyframes fcOlhoFeliz{0%,40%{opacity:0}48%,86%{opacity:1}94%,100%{opacity:0}}
html.tc-reduzir-anim .fc-icone{animation:none}
/* 14/10: vindo de uma tela escura (módulos), sobravam faixas pretas à esquerda e em cima durante a troca de tela.
   A tela de carregamento cobre a janela inteira (por baixo da sidebar e da topbar) e centraliza na área útil. */
.fc-carregando{top:0;left:0;padding-left:var(--tc-off,296px);padding-top:54px;z-index:38}

/* 14/10: enquanto carrega, olhos normais que piscam de vez em quando; ao terminar, carinha feliz (^ ^) e some */
.fc-rosto .fc-olho{opacity:1;animation:fcPiscaOlho 3.6s ease-in-out infinite}
.fc-rosto .fc-feliz{opacity:0;animation:none;transition:opacity .18s ease}
.fc-rosto .fc-olho{transition:opacity .18s ease}
.fc-carregando.feliz .fc-rosto .fc-olho{opacity:0;animation:none}
.fc-carregando.feliz .fc-rosto .fc-feliz{opacity:1}
.fc-carregando.feliz .fc-icone{animation:fcPulinho .5s cubic-bezier(.3,1.6,.5,1) both}
@keyframes fcPiscaOlho{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
@keyframes fcPulinho{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.06)}100%{transform:translateY(0) scale(1)}}