.vc-ambiente {
  position: fixed; left: 12px; bottom: calc(58px + env(safe-area-inset-bottom, 0px)); z-index: 900;
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 7px 10px;
  font: 600 11px/1 var(--f-mono, 'Share Tech Mono', monospace); letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--neon-cyan, #00f0ff); background: rgb(7 8 13 / 0.78); border: 1px solid currentColor; border-radius: 999px;
  cursor: pointer; opacity: 0.8; backdrop-filter: blur(4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.vc-ambiente[hidden] { display: none; }
.vc-ambiente:hover, .vc-ambiente:focus-visible { opacity: 1; transform: translateY(-1px); outline: none; }
.vc-ambiente:focus-visible { box-shadow: 0 0 0 2px currentColor; }
.vc-ambiente[data-estado="pendiente"] { color: var(--neon-yellow, #fffb00); }
:root[data-tema="claro"] .vc-ambiente { background: rgb(255 255 255 / 0.9); color: #1a2a3a; }

.vc-ambiente__eq { display: inline-flex; align-items: flex-end; gap: 2px; height: 12px; }
.vc-ambiente__eq i { display: block; width: 3px; height: 4px; background: currentColor; border-radius: 1px; }
.vc-ambiente[data-estado="sonando"] .vc-ambiente__eq i { animation: vc-eq 0.9s ease-in-out infinite alternate; }
.vc-ambiente[data-estado="sonando"] .vc-ambiente__eq i:nth-child(2) { animation-delay: -0.3s; animation-duration: 0.7s; }
.vc-ambiente[data-estado="sonando"] .vc-ambiente__eq i:nth-child(3) { animation-delay: -0.6s; animation-duration: 1.1s; }
@keyframes vc-eq { from { height: 3px; } to { height: 12px; } }
:root[data-a11y-movimiento] .vc-ambiente__eq i { animation: none !important; height: 8px; }
@media (prefers-reduced-motion: reduce) { .vc-ambiente__eq i { animation: none !important; height: 8px; } }
@media print { .vc-ambiente { display: none; } }