/* Robozinho de carregamento */
.robo { position: relative; display: inline-flex; width: fit-content; align-items: center; gap: 12px; align-self: flex-start; padding: 6px 14px 6px 6px; border-radius: 16px; background: #f1f0ed; animation: entrar .25s ease-out; max-width: 100%; }
.robo-svg { width: 64px; height: 64px; flex: none; overflow: visible; }

.painel > .robo { margin: 0 0 12px; }
.robo.compacto .robo-svg { width: 48px; height: 48px; }
.robo-corpo { animation: robo-flutuar 2.4s ease-in-out infinite; transform-origin: 60px 60px; }
.robo-antena { fill: #8a7560; animation: robo-piscar 1.2s ease-in-out infinite; }
.robo-olhos { animation: robo-olhar 2.8s ease-in-out infinite; }
.robo-lupa { animation: robo-lupa 2.8s ease-in-out infinite; transform-origin: 98px 88px; }
.robo-texto { font-size: .86rem; color: var(--texto-2, #3f3f46); font-weight: 500; }
.robo-texto.trocar { animation: entrar .3s ease-out; }
.robo-balao {
  position: absolute; left: 52px; bottom: calc(100% + 10px); width: min(360px, 78vw); z-index: 5;
  background: #18181b; color: #fff; padding: 11px 14px; border-radius: 14px; font-size: .86rem; line-height: 1.45;
  box-shadow: 0 10px 30px rgba(24, 24, 27, .22);
}
.robo-balao::after { content: ""; position: absolute; left: 22px; top: 100%; border: 8px solid transparent; border-top-color: #18181b; }
.robo-balao.pular { animation: robo-pular .45s cubic-bezier(.3, 1.6, .5, 1); }

@keyframes robo-flutuar { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-4px) rotate(1deg); } }
@keyframes robo-piscar { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes robo-olhar { 0%, 100% { transform: translateX(-4px); } 50% { transform: translateX(4px); } }
@keyframes robo-lupa { 0%, 100% { transform: translate(-6px, 0) rotate(-8deg); } 50% { transform: translate(4px, -6px) rotate(10deg); } }
@keyframes robo-pular { 0% { opacity: 0; transform: translateY(8px) scale(.9); } 100% { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .robo-corpo, .robo-antena, .robo-olhos, .robo-lupa { animation: none; }
}