/* Botón de música ambiental */
.music-toggle {
  position: fixed; right: 1rem; bottom: 1rem; z-index: 60;
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .65rem 1.05rem .65rem .85rem; border-radius: 999px; border: 2px solid rgba(255, 255, 255, .5);
  background: var(--forest); color: var(--white); font: inherit; font-weight: 800; font-size: .9rem;
  cursor: pointer; box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .5);
  transition: background .2s, transform .15s;
}
.music-toggle:hover { transform: translateY(-2px); background: var(--forest-2); }
.music-toggle .note { width: 20px; height: 20px; }
.music-toggle .bars { display: none; align-items: flex-end; gap: 2px; height: 18px; width: 20px; }
.music-toggle .bars i { flex: 1; background: var(--lime); border-radius: 2px; height: 30%; animation: eq 1.1s ease-in-out infinite; }
.music-toggle .bars i:nth-child(2) { animation-delay: -.3s; }
.music-toggle .bars i:nth-child(3) { animation-delay: -.6s; }
.music-toggle .bars i:nth-child(4) { animation-delay: -.9s; }
.music-toggle.on { background: var(--leaf); }
.music-toggle.on .bars { display: flex; }
.music-toggle.on .note { display: none; }
.music-toggle.waiting { animation: pulse 2s ease-in-out infinite; }
@keyframes eq { 50% { height: 100%; } }
@keyframes pulse { 50% { box-shadow: 0 0 0 8px rgba(169, 214, 92, .35); } }
@media (max-width: 480px) {
  .music-toggle .lbl { display: none; }
  .music-toggle { padding: .75rem; }
}