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
A Praça das Américas foi palco, neste sábado (7), de um evento especial que celebrou a força, a criatividade e a união das mulheres de Rio Verde de Mato Grosso (MS). A quarta edição do Mulheres Incríveis reuniu equipes formadas exclusivamente por mulheres em uma grande gincana marcada por animação, integração e muita diversão.
O encontro foi promovido pela Prefeitura Municipal de Rio Verde de MT-MSpor meio da Secretaria de Assistência Social e Cidadania e da Secretaria de Desenvolvimento Econômicocom o objetivo de valorizar e fortalecer o protagonismo feminino no município.
Durante toda a programação, a Praça das Américas foi tomada por um clima de alegria e descontração. As participantes se envolveram em gincanas, brincadeiras e atividades recreativas que incentivaram o trabalho em equipe, a movimentação e a troca de experiências entre as mulheres rio-verdenses.
Além das competições, o evento também contou com premiações, distribuição de brindes, stands de empreendedoras locais e praça de alimentaçãotornando o encontro ainda mais especial para as participantes e para o público que acompanhou as atividades.
UM gincana do Mulheres Incríveis IV reuniu diversas equipes, que deram um verdadeiro show de animação e espírito esportivo. Entre provas animadas, torcidas vibrantes e muitas risadas, o evento proporcionou momentos marcantes e emocionantes, reforçando a importância da união e da valorização das mulheres na comunidade.
Para encerrar a noite em grande estilo, o público acompanhou um show da dupla Kid & Kennerque animou os presentes e fechou a programação com música e muita energia.
O evento reforçou a proposta de celebrar, reconhecer e incentivar a participação ativa das mulheres na sociedade, destacando sua força e importância no desenvolvimento de Rio Verde de Mato Grosso.



Ver essa foto no Instagram




