body {
            font-family: 'Montserrat', sans-serif;
        }
        .glass-player {
            background: rgba(51, 51, 51, 0.45);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.15);
        }
        .glass-header {
            background: rgba(51, 51, 51, 0.3);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Personalización de Scrollbars para Chat y Modales */
        #chatMessages::-webkit-scrollbar,
        .overflow-y-auto::-webkit-scrollbar {
            width: 5px;
        }

        #chatMessages::-webkit-scrollbar-track,
        .overflow-y-auto::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.15);
            border-radius: 8px;
        }

        #chatMessages::-webkit-scrollbar-thumb,
        .overflow-y-auto::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.25);
            border-radius: 8px;
        }

        #chatMessages::-webkit-scrollbar-thumb:hover,
        .overflow-y-auto::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.4);
        }

        #chatMessages,
        .overflow-y-auto {
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 255, 255, 0.25) rgba(0, 0, 0, 0.15);
        }
    

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
:focus-visible { outline: 3px solid rgba(255,255,255,.92); outline-offset: 3px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

.animation-delay-2s { animation-delay: 2s; }

/* Mensajes del chat: envolver por palabras completas.
   Solo se cortan cadenas sin espacios que excedan el ancho disponible. */
.chat-message-bubble {
    max-width: 100%;
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

.chat-message-bubble p {
    margin: 0;
}