/*
 * SoundManager 2: Play/Pause/Stop UI for MP3 links
 * ------------------------------------------------
 */

ul.flat {
    list-style-type:none;
    padding-left:0px;
}

ul.flat li,
ul.graphic li {
    padding-bottom:3px;
}

ul.flat li a {
    display:inline-block;
    padding:2px 4px 2px 4px;
}

ul.graphic {
    width:800px; /* Ou ajuste para a largura desejada, se 800px for muito */
    list-style-type:none;
    padding-left:0px;
    margin-left:0px;
}

/* Regra duplicada, mantendo uma e consolidando */
ul.graphic {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.graphic li {
    margin-bottom:3px;
}

ul.graphic li a,
ul.graphic li a.sm2_link {
    display:inline-block;
    padding-left:70px;
    min-height:16px;
    vertical-align: middle;
    background-color:#000000;
    border-radius:3px;
    padding:3px 3px 3px 25px;
    min-width:30em;
    text-decoration:none;
    font-family: Times New Roman;
    font-weight: bold;
    font-size:19px; /* aumenta tamanho da fonte da musica */
    color:#ccc;
}

ul.graphic li a:hover { /* CORRIGIDO: Adicionada a chave { que faltava */
    color: #fff;
}

ul.graphic li a.sm2_link {
    transition: background-color 0.1s linear;
}

ul.graphic li a,
ul.graphic li a.sm2_paused:hover, /* Hover do pausado (ícone de play) */
ul.graphic li a.sm2_link:hover {
    background-image:url(/Image/icon_play.png); /* Ícone de play */
    background-position:3px 50%;
    background-repeat:no-repeat;
    _background-image:url(/Image/icon_play.gif); /* IE 6 */
}

ul.graphic li a.sm2_link:hover {
    background-color:#111;
    color:#fff;
}

ul.graphic li a.sm2_paused {
    background-color:#000000; /* CORRIGIDO: Fundo preto quando pausado, para evitar branco/cinza */
}

ul.graphic li a.sm2_paused:hover {
    background:#000 url(/Image/icon_play.png) no-repeat 3px 50%;
    _background-image:url(/Image/icon_play.gif);
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
    background:#000000 url(/Image/icon_pause.png) no-repeat 3px 50%; /* Ícone de pause */
    _background-image:url(/Image/icon_pause.gif);
    text-decoration:none;
}

/* Oculta os objetos do flash/HTML5 audio do SoundManager2 */
body #sm2-container object,
body #sm2-container embed {
    left:-9999em;
    top:-9999em;
}

ul.flat a.sm2_link {
    border-left:6px solid #000;
    padding-left:4px;
    padding-right:4px;
}

ul.flat a.sm2_link:hover {
    border-left-color: #007bff; /* CORRIGIDO: Adicionado cor azul, antes estava vazio */
}

ul.flat a.sm2_playing {
    /* "now playing" state */
    border-left-color:#264c82;
    background-color:#000;
    color:#fff;
    text-decoration:none;
}

ul.flat a.sm2_playing:hover {
    border-left-color:#4a83d4;
}

ul.flat a.sm2_paused {
    /* "paused state" */
    background-color:#000; /* CORRIGIDO: Fundo preto quando pausado */
    color:#fff;
    text-decoration:none;
}

ul.flat a.sm2_paused:hover {
    border-left-color:#78a5e3;
}

/* --- ESTILOS PARA O EFEITO PULSAR --- */

/* Animação de pulsação base */
@keyframes pulse-effect {
    0% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 rgba(75, 133, 214, 0.4); } /* Sombra azul clara */
    50% { transform: scale(1.02); opacity: 0.95; box-shadow: 0 0 15px rgba(75, 133, 214, 0.7); } /* Levemente maior, mais opaco e com brilho */
    100% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 rgba(75, 133, 214, 0.4); }
}

/* Classe para aplicar a pulsação ao container do player principal */
#player_wrapper.pulsing {
    animation: pulse-effect 1.5s infinite ease-in-out; /* Aplica a animação: 1.5 segundos, infinito, suave */
}

/* Classe para aplicar a pulsação ao texto (usaremos depois) */
.text-pulsing {
    animation: pulse-effect 1.5s infinite ease-in-out;
}

/* --- FIM DOS ESTILOS --- */