/* ==== BG VIDEO visível (sem sumir atrás do body) ==== */
:root{
  --bg-video-opacity: .35;          /* transparência do holograma */
  --bg-video-z: 2147483646;         /* MUITO alto = por cima de tudo */
  --bg-video-blend: screen;         /* tente: screen | lighten | overlay */
}

#bg-video{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  opacity: .35;           /* transparência */
  mix-blend-mode: normal; /* <- SEM blend por enquanto */
  pointer-events: none;
  z-index: 9999;          /* por cima de tudo */
}

/* (opcional) manter só a sticky bar acima do vídeo */
.sticky-top, .site-sticky, #sticky-header, .topbar{
  position: relative;
  z-index: calc(var(--bg-video-z) + 1);
}

/* ==== LEDs no botão (mínimo necessário) ==== */
#agent-voice-pill.voice-pill--eq{
  display:flex !important;
  align-items:center; justify-content:center;
  gap:8px; min-width:140px; white-space:nowrap;
}
#agent-voice-pill.voice-pill--eq .eq--pill{
  height:22px; display:flex; gap:4px;
  filter: drop-shadow(0 0 6px rgba(124,30,255,.35));
}
#agent-voice-pill.voice-pill--eq .eq--pill span{
  width:5px; border-radius:3px; opacity:.95;
  background: linear-gradient(180deg, #00F5D4 0%, #7C1EFF 100%);
  transform-origin: bottom;
  animation: av-bounce 1.1s ease-in-out infinite, av-hue 8s linear infinite;
}
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(1){ height:22%; animation-delay:0s }
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(2){ height:35%; animation-delay:.1s }
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(3){ height:48%; animation-delay:.2s }
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(4){ height:30%; animation-delay:.3s }
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(5){ height:55%; animation-delay:.4s }
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(6){ height:38%; animation-delay:.5s }
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(7){ height:62%; animation-delay:.6s }
#agent-voice-pill.voice-pill--eq .eq--pill span:nth-child(8){ height:26%; animation-delay:.7s }

@keyframes av-bounce{ 0%,100%{ transform:scaleY(.45) } 50%{ transform:scaleY(1.6) } }
@keyframes av-hue{ from{ filter:hue-rotate(0) } to{ filter:hue-rotate(360deg) } }

/* Corrige flip do LED no botão */
#agent-voice-pill.voice-pill--eq,
#agent-voice-pill.voice-pill--eq .eq--pill{
#agent-voice-pill.voice-pill--eq .eq--pill{ transform: scaleY(-1) !important; }
}

/* garante alinhamento */
#agent-voice-pill.voice-pill--eq{
  display:flex !important;
  align-items:center; justify-content:center;
  gap:8px; min-width:140px; line-height:1;
}

#agent-voice-pill.voice-pill--eq { display:flex !important; align-items:center; justify-content:center; gap:8px; min-width:140px; line-height:1; }
#agent-voice-pill.voice-pill--eq .eq--fix { will-change: transform; } /* wrapper para “contra-rotacionar” */
#agent-voice-pill.voice-pill--eq .eq--pill{ height:22px; gap:4px; filter:drop-shadow(0 0 6px rgba(124,30,255,.35)); display:flex; align-items:flex-end; }
#agent-voice-pill.voice-pill--eq .eq--pill span{
  width:5px; border-radius:3px; background:linear-gradient(180deg,#00F5D4 0%,#7C1EFF 100%);
  animation: av-bounce 1.15s ease-in-out infinite, av-hue-rotate 8s linear infinite;
  transform-origin: bottom; opacity:.95;
}
@keyframes av-bounce { 0%,100%{ transform: scaleY(.45) } 50%{ transform: scaleY(1.6) } }
@keyframes av-hue-rotate { from{ filter:hue-rotate(0) } to{ filter:hue-rotate(360deg) } }