/* ═══════════════════════════════════════════════════════════════════════════════
   ESFERA DO AVATAR — UMA ESFERA SÓ (14/09). O dono viu as três na tela e decidiu:
   "deixe só essa esfera, e o cerebro 3D ok? somente os 2". A que ficou é a bolha
   branca-azulada e macia (era o desenho "astra"); os desenhos jarvis e fable saíram.
   Por isso NÃO há mais `data-esfera`: a matéria da esfera é única e vale sempre.
   O estado (falando/ouvindo/pensando) continua vindo das classes do .avatar-container
   (style.css). Camadas: .esf-a = brilho especular · .esf-b = núcleo (gira devagar).
   Só transform/opacity animam; prefers-reduced-motion desliga.
   ═══════════════════════════════════════════════════════════════════════════════ */
.avatar-orb-lite { overflow: visible; }
.avatar-orb-lite .esf-a, .avatar-orb-lite .esf-b, .avatar-orb-lite .esf-c { position: absolute; border-radius: 50%; pointer-events: none; display: block; }
.avatar-orb-lite .esf-a { left: 16%; top: 10%; width: 44%; height: 30%; border-radius: 50% / 60%; background: radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.95) 0%, rgba(255,255,255,.45) 35%, rgba(255,255,255,0) 72%); filter: blur(4px); opacity: .6; transform: rotate(-18deg); }
.avatar-orb-lite .esf-b { inset: 14%; background: radial-gradient(circle at 50% 50%, var(--esf-nucleo-1) 0%, var(--esf-nucleo-2) 38%, transparent 70%); opacity: .95; animation: esfNucleo 14s linear infinite; mix-blend-mode: screen; }
.avatar-orb-lite .esf-c { display: none; }   /* a esfera macia não tem grão */
@keyframes esfNucleo { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.06); } 100% { transform: rotate(360deg) scale(1); } }

/* ── a esfera (bolha branca-azulada, sem borda dura) ── */
.avatar-orb-lite {
  --esf-nucleo-1: rgba(255, 255, 255, .9); --esf-nucleo-2: rgba(150, 200, 255, .5);
  background: radial-gradient(circle at 40% 36%, #ffffff 0%, #f2f8ff 22%, #cfe2ff 48%, #8fb9ff 70%, #5a8cf0 88%, #3b6fe0 100%);
  box-shadow: inset -10px -16px 40px rgba(60, 100, 200, .28), inset 8px 10px 30px rgba(255, 255, 255, .5), 0 0 60px rgba(160, 200, 255, .55), 0 0 140px rgba(120, 170, 255, .25);
  filter: blur(.4px);
}
.avatar-container.speaking .avatar-orb-lite { box-shadow: inset 8px 10px 30px rgba(255,255,255,.5), 0 0 80px rgba(180, 210, 255, .8), 0 0 160px rgba(120, 170, 255, .35); }
.avatar-container.speaking .avatar-orb-lite::before, .avatar-container.speaking .avatar-orb-lite::after { border-color: rgba(255, 255, 255, .8); }
.avatar-orb-lite ~ .orb-ring-1, .avatar-container:has(.avatar-orb-lite) .orb-ring-1 { border-top-color: #9fc3ff !important; border-right-color: #9fc3ff !important; }
.avatar-container:has(.avatar-orb-lite) .orb-ring-3 { border-left-color: #cfe2ff !important; border-bottom-color: #cfe2ff !important; }

@media (prefers-reduced-motion: reduce) { .avatar-orb-lite .esf-b { animation: none; } }
html.jarvis-lite .avatar-orb-lite .esf-b { animation-duration: 24s; }   /* modo Baixo: ainda mais lento */