html, corpo {margem: 0; preenchimento: 0; fundo: transparente; /* remove fundo preto */ font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif; } .player-wrapper { largura: 100%; exibição: flexível; justificar-conteúdo: centro; /* centraliza apenas dentro do container */ } .player { width: 100%; largura máxima: 800px; altura: 70px; fundo: rgba(26, 26, 26, 0,55); filtro de pano de fundo: desfoque (12px); -webkit-backdrop-filtro: desfoque (12px); raio da borda: 12px; borda: 1px sólido rgba (255, 255, 255, 0,08); sombra da caixa: 0 6px 24px rgba(0, 0, 0, 0,2); preenchimento: 10px 16px; dimensionamento de caixa: caixa de borda; exibição: flexível; alinhar itens: centro; lacuna: 14px; estouro: oculto; } .header { cor: #1db954; tamanho da fonte: braçadeira (1rem, 2,8vw, 1,15rem); peso da fonte: 700; espaço em branco: nowrap; flex-encolher: 0; } #playBtn { largura: 44px; altura: 44px; fronteira: nenhuma; raio da fronteira: 50%; plano de fundo: #1db954; cor: branco; cursor: ponteiro; transição: todos os 0,22s de facilidade; flex-encolher: 0; exibição: flexível; alinhar itens: centro; justificar-conteúdo: centro; preenchimento: 0; sombra da caixa: 0 3px 10px rgba (29, 185, 84, 0,3); } #playBtn:hover { background: #1ed760; transformar: escala(1,05); } .svg-icon { largura: 58%; altura: 58%; preenchimento: cor atual; } .progress-wrap { flex: 1; exibição: flexível; direção flexível: coluna; lacuna: 4px; } .progress-container { altura: 5px; fundo: rgba (68, 68, 68, 0,65); raio da borda: 3px; cursor: ponteiro; estouro: oculto; } .progress {altura: 100%; largura: 0%; plano de fundo: gradiente linear (90 graus, # 1db954, # 1ed760); transição: largura 0,1s linear; } .time { exibição: flex; justificar-conteúdo: espaço entre; tamanho da fonte: 0,72rem; cor: #ccc; peso da fonte: 500; } áudio {exibição: nenhum; } @media (largura máxima: 520px) { .player {altura: 64px; preenchimento: 8px 12px; } #playBtn { largura: 40px; altura: 40px; } }
00:00
const áudio = document.getElementById(‘áudio’); const playBtn = document.getElementById(‘playBtn’); const playIcon = playBtn.querySelector(‘.play-icon’); const pauseIcon = playBtn.querySelector(‘.pause-icon’); const progresso = document.getElementById(‘progresso’); const progressContainer = document.getElementById(‘progressContainer’); const currentTimeEl = document.getElementById(‘currentTime’); const duraçãoEl = document.getElementById(‘duração’); função updatePlayButton() { if (audio.paused || audio.ended) { playIcon.style.display = ‘block’; pauseIcon.style.display = ‘nenhum’; } else { playIcon.style.display = ‘none’; pauseIcon.style.display = ‘bloquear’; } } playBtn.addEventListener(‘click’, () => { if (audio.paused || audio.ended) { audio.play().catch(() => {}); } else { audio.pause(); } }); audio.addEventListener(‘play’, updatePlayButton); audio.addEventListener(‘pause’, updatePlayButton); audio.addEventListener(‘finalizado’, updatePlayButton); progressContainer.addEventListener(‘click’, e => { const rect = progressContainer.getBoundingClientRect(); const pos = (e.clientX – rect.left) / rect.width; audio.currentTime = pos * audio.duration; }); audio.addEventListener(‘timeupdate’, () => { if (!audio.duration) return; const percent = (audio.currentTime / audio.duration) * 100; progress.style.width = percent + ‘%’; currentTimeEl.textContent = formatTime(audio.currentTime); }); audio.addEventListener(‘loadedmetadata’, () => {durationEl.textContent = formatTime(audio.duration); }); function formatTime
Durante sessão da Câmara Municipal de Rio Verde de Mato Grosso, o vereador Joanes Pimentel utilizou a tribuna para apresentar demandas importantes da população rural, parabenizar atletas rio-verdenses e destacar o sucesso da Expoverde 2026.
Recuperação de pontes e estradas rurais
Entre os principais assuntos abordados, o parlamentar apresentou um requerimento solicitando ao secretário municipal de Obras, Hernani, a divulgação do cronograma de recuperação e manutenção das estradas e pontes da zona rural.
Joanes destacou que, apesar dos avanços realizados pela atual gestão, o período prolongado de chuvas agravou as condições de diversas estruturas, exigindo atenção imediata. O vereador citou como exemplo a situação crítica da Ponte e Sentençaque, segundo ele, apresenta riscos à segurança dos moradores e produtores que dependem diariamente da passagem.
“Precisamos agir antes que aconteça um acidente grave. É fundamental que a população rural tenha conhecimento do cronograma de atendimento e recuperação dessas estruturas”, afirmou.
O parlamentar também mencionou outras pontes que necessitam de intervenções, como as localizadas nas regiões do Bacará, Palmeiras, Pindaivão e Lajeado, além da necessidade de instalação e manutenção de mata-burros em diversos pontos do município.
Reconhecimento ao esporte rio-verdense
Joanes Pimentel aproveitou a tribuna para parabenizar a equipe Arruda Team Rio Verdeque representou Rio Verde de Mato Grosso na 3ª edição do Open de Judô BOPE 2026, realizada em Cuiabá.
A delegação conquistou resultados expressivos, com cinco medalhas de ouro e uma de prata. O vereador destacou o desempenho das atletas Ana Clara Pimenta, Laryssa Barbosa Beck, Maria Vitória Alves, Cecília Alves e Thamara Pimenta, além do vice-campeão Ângelo Gabriel.
Segundo ele, os resultados demonstram a dedicação dos atletas, familiares e treinadores, levando o nome de Rio Verde para além das fronteiras do estado.
Sucesso da Expoverde 2026
O vereador também destacou a realização da Expoverde 2026evento que celebrou os 50 anos da tradicional festa e reuniu milhares de pessoas durante os dias de programação.
Joanes elogiou a organização do evento, a estrutura da arena coberta, os shows gratuitos, os leilões, a praça gastronômica e a participação de diversos setores da administração municipal.
O parlamentar agradeceu o empenho dos servidores públicos, secretários municipais, produtores rurais, Sindicato Rural e demais parceiros envolvidos na realização da festa.
“Foi um evento histórico para Rio Verde, que movimentou a economia, gerou oportunidades de negócios e proporcionou entretenimento de qualidade para nossa população e visitantes”, ressaltou.
Compromisso com a população
Ao encerrar seu pronunciamento, Joanes Pimentel reafirmou seu compromisso com a população de Rio Verde de Mato Grosso e destacou que continuará atuando em defesa do crescimento, do desenvolvimento e da geração de oportunidades para todos os cidadãos do município.
“Nosso trabalho é servir a população. Continuaremos ouvindo as demandas da comunidade e buscando soluções para melhorar a qualidade de vida dos rio-verdenses”, concluiu.




