/* Aviso do áudio de boas-vindas (js/boas-vindas.js). Prefixo bv-. */
.bv-card {
  position: fixed; z-index: 60; right: 20px; bottom: 20px; width: min(420px, calc(100vw - 32px));
  display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 16px;
  background: var(--surface, #151313); border: 1px solid rgba(229, 51, 42, .4); border-radius: var(--radius, 14px);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .02);
  animation: bv-in .35s ease both;
}
.bv-ic { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: var(--primary-soft, rgba(229, 51, 42, .14)); color: var(--primary-2, #f0625a); }
.bv-ic .ic { width: 20px; height: 20px; }
.bv-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bv-txt span { color: var(--text-2, #c7bfbc); font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bv-acts { display: flex; align-items: center; gap: 6px; }
.bv-onda { display: inline-flex; gap: 3px; align-items: flex-end; height: 16px; margin-right: 4px; }
.bv-onda i { width: 3px; height: 100%; border-radius: 2px; background: var(--primary-2, #f0625a); animation: bv-onda .9s ease-in-out infinite; }
.bv-onda i:nth-child(2) { animation-delay: .15s; }
.bv-onda i:nth-child(3) { animation-delay: .3s; }
@keyframes bv-onda { 0%, 100% { transform: scaleY(.3); } 50% { transform: scaleY(1); } }
@keyframes bv-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) { .bv-card { right: 16px; left: 16px; bottom: 16px; width: auto; } .bv-txt span { display: none; } }
@media (prefers-reduced-motion: reduce) { .bv-card, .bv-onda i { animation: none; } }