/* letra_musica_bolinha.css */

/* Estilo da bolinha que vai pular */
#bolinha-karaoke {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #ff3b3b; /* Cor da bolinha (vermelha) */
    border-radius: 50%;
    pointer-events: none; /* Para não atrapalhar o clique na tela */
    display: none; /* Fica escondida até a música sincronizada tocar */
    z-index: 4000;
    box-shadow: 0 0 8px rgba(255, 59, 59, 0.8);
    transform: translate(-50%, -100%); /* Centraliza a bolinha em cima da palavra */
}

/* Estilo base de cada palavra da música */
.palavra-karaoke {
    display: inline-block;
    transition: color 0.1s;
    margin-right: 4px; /* Espaço entre as palavras */
}

/* Estilo quando a palavra é cantada (muda para Amarelo) */
.palavra-cantada {
    color: #ffea00 !important; /* Amarelo */
    text-shadow: 0 0 8px rgba(255, 234, 0, 0.6);
    font-weight: bold;
}