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
A rodovia MS-080 permanece interditada no km 145 após o desabamento da ponte sobre o Rio do Peixe, em Rio Negro, ocorrido na manhã de domingo (22). A estrutura cedeu no momento em que uma carreta bi-trem, carregada com 40 toneladas de cimento, atravessava o local. Parte do veículo caiu no rio, mas ninguém ficou ferido.
De acordo com a Agência Estadual de Gestão de Empreendimentos (Agesul), a ponte de concreto não resistiu às fortes chuvas registradas nos últimos dias na região norte do Estado. A Polícia Militar Rodoviária Estadual de Mato Grosso do Sul realizou a interdição imediata do trecho e equipes técnicas já estiveram no local para avaliar os danos estruturais.
Ainda segundo as autoridades, a carreta transportava carga quase três vezes acima do limite permitido para a ponte. O motorista foi notificado por crime ambiental e por excesso de peso.
Rotas alternativas
A Secretaria de Estado de Infraestrutura e Logística de Mato Grosso do Sul informou que, enquanto a ponte não for reconstruída, os motoristas deverão utilizar rotas alternativas.
Condutores que seguem de Campo Grande com destino a São Gabriel do Oeste e Rio Verde de Mato Grosso precisam desviar por estradas vicinais em Rio Negro, o que amplia o percurso em aproximadamente 30 quilômetros.
Essas vias deverão passar por manutenção emergencial para garantir o transporte escolar e o escoamento da produção rural na região.
O governo estadual informou que será realizada contratação emergencial para a reconstrução da ponte, porém ainda não há prazo definido para a liberação do tráfego na MS-080.
