corpo {margem: 0; histórico: #111; altura mínima: 100vh; exibição: grade; itens de lugar: centro; família de fontes: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif; } .player {largura: 100%; largura máxima: 800px; altura: 70px; /* ← altura fixa 70px */ background: 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,4); 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; margem: 0; 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,08); sombra da caixa: 0 5px 16px rgba (29, 185, 84, 0,5); } .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; transição: fundo 0,2s; } .progress-container:hover { background: rgba(100, 100, 100, 0,65); } .progress {altura: 100%; largura: 0%; plano de fundo: gradiente linear (90 graus, # 1db954, # 1ed760); transição: largura 0,12s 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 { preenchimento: 8px 12px; altura: 64px; raio da borda: 10px; fundo: rgba(26, 26, 26, 0,68); } #playBtn { largura: 40px; altura: 40px; } .header { tamanho da fonte: 1rem; } }
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(e => console.log(“Play bloqueado:”, e)); } else { audio.pause(); } updatePlayButton(); }); 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 a sessão ordinária realizada na manhã desta terça-feira (24), a Câmara Municipal de Rio Verde de Mato Grosso formalizou ao prefeito Réus Fornari o pedido de doação de um terreno para a construção da nova sede própria do Legislativo municipal.
A solicitação foi apresentada pelo presidente da Casa de Leis, vereador Flávio Brito, com apoio dos demais parlamentares, e prontamente atendida pelo chefe do Executivo. O município disponibilizou uma área localizada na Avenida Barão do Rio Branco, nº 61, na região central de Rio Verde de Mato Grosso.
O terreno será destinado à construção de um novo prédio para abrigar o Poder Legislativo, com o objetivo de garantir melhores condições de trabalho aos vereadores e servidores, além de mais conforto, acessibilidade e estrutura adequada para o atendimento à população.
Avanço institucional
Segundo o presidente Flávio Brito, a implantação da sede própria representa um marco histórico para o Legislativo municipal. Ele destacou que o novo espaço permitirá ampliar a estrutura administrativa, melhorar as condições para a realização de sessões e reuniões e qualificar o atendimento ao público.
“A nova sede será um espaço moderno, estruturado e preparado para atender bem a população. Nosso objetivo é garantir mais dignidade ao trabalho legislativo e mais comodidade para todos os cidadãos que procuram a Câmara Municipal”, afirmou o presidente.
O projeto prevê a construção de plenário adequado, gabinetes estruturados, setores administrativos organizados e plena acessibilidade, assegurando melhores condições para o exercício das funções parlamentares.
Parceria entre os Poderes
A iniciativa evidencia a harmonia institucional entre Executivo e Legislativo, reforçando o compromisso conjunto com o fortalecimento das instituições públicas e com o desenvolvimento do município.
A construção da sede própria consolida uma conquista significativa para a Câmara Municipal, estabelecendo um espaço definitivo que represente a Casa de Leis e reafirme o compromisso com o crescimento e o futuro de Rio Verde de Mato Grosso.
