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
Na segunda-feira (02/03), Rio Verde de Mato Grosso recebeu a visita do deputado federal Geraldo Resendeem um encontro considerado estratégico para o presente e o futuro do município.
A reunião contou com a participação da Câmara Municipal, representada pelo vereador Robinhoreforçando a união entre os poderes Legislativo municipal e federal em prol do desenvolvimento da cidade.
Durante o encontro, foi destacada a parceria já consolidada entre o deputado e o município, especialmente por meio da destinação de emendas parlamentares e apoio a ações voltadas para áreas essenciais, que impactam diretamente a qualidade de vida da população. Segundo lideranças locais, Geraldo Resende tem mantido uma atenção especial à região norte de Mato Grosso do Sul, com foco em investimentos estruturantes para Rio Verde.
A presença do parlamentar no município simboliza compromisso e responsabilidade com as demandas locais, fortalecendo o diálogo institucional e ampliando as oportunidades de novos recursos para a cidade.
A administração municipal reforçou que seguirá trabalhando com união, transparência e responsabilidade, buscando constantemente novos investimentos e parcerias que contribuam para o crescimento e o desenvolvimento de Rio Verde de Mato Grosso.
