/* ==================== SEU CSS ORIGINAL (mantido) ==================== */
.barra-editoria-wrap { width: 100%; background-color: #d9001c; }
.barra-editoria-wrap.barra-eleicoes { background-color: #01a546; }
.barra-editoria-wrap.barra-brasil,
.barra-editoria-wrap.barra-mundo { background-color: #D80027; }
.barra-editoria-wrap.barra-esporte { background-color: #52732D; }
.barra-editoria-wrap.barra-cotidiano { background-color: #FF7A00; }
.barra-editoria-wrap.barra-famosos { background-color: #3FEBC3; }
.barra-editoria-wrap.barra-politica { background-color: #5A2D82; }
.barra-editoria-wrap.barra-mais-acessadas { background-color: #9B2941; }
.barra-editoria-wrap.barra-ultimas-noticias { background-color: #E8BA2A; }
.barra-editoria {
max-width: 1600px;
margin: 0 auto;
padding: 12px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.barra-editoria h2 {
margin: 0;
padding-left: 20px;
color: #ffffff;
font-family: ‘Playfair Display’, serif;
font-size: 30px;
font-style: italic;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}
.barra-links {
display: flex;
align-items: center;
gap: 8px;
padding-right: 20px;
}
.barra-links a {
font-family: Roboto, Arial, sans-serif;
color: #ffffff;
text-decoration: none;
border: 1.5px solid #ffffff;
padding: 4px 12px;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
transition: all 0.25s ease;
border-radius: 2px;
}
.barra-links a:hover {
background-color: #ffffff;
color: #000;
}
/* ==================== REGRAS DO PLAYER – SOBRESCRITAS ==================== */
.player-wrapper {
width: 100% !important;
display: flex !important;
justify-content: center !important;
padding: 10px 0 !important;
}
.player {
width: 100% !important;
max-width: 740px !important;
height: 68px !important;
background: #ffffff !important;
border-radius: 12px !important;
border: 1px solid #e5e5e5 !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.07) !important;
padding: 9px 12px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
overflow: hidden !important;
}
/* Capa – Sobrescrevendo a regra de 110px */
.player .cover {
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
min-height: 50px !important;
border-radius: 9px !important;
overflow: hidden !important;
flex-shrink: 0 !important;
display: block !important;
}
.player .cover img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 9px !important;
}
/* Título com scroll */
.player .info {
flex: 1 !important;
min-width: 0 !important;
overflow: hidden !important;
}
.category {
font-size: 12.5px !important;
color: #666 !important;
font-weight: 500 !important;
margin-bottom: 2px !important;
}
.title-scroll {
display: inline-block !important;
white-space: nowrap !important;
font-size: 14.2px !important;
font-weight: 600 !important;
color: #1f1f1f !important;
padding-right: 70px !important;
animation: scrollTitle 20s linear infinite !important;
}
@keyframes scrollTitle {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* Botão */
#playBtn {
width: 46px !important;
height: 46px !important;
border: none !important;
border-radius: 50% !important;
background: #e30613 !important;
color: white !important;
cursor: pointer !important;
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#playBtn:hover { background: #b71c1c !important; transform: scale(1.07) !important; }
.svg-icon {
width: 52% !important;
height: 52% !important;
fill: white !important;
}
/* Progresso */
.progress-wrap { flex: 1 !important; margin-top: 4px !important; }
.progress-container { height: 4px !important; background: #e0e0e0 !important; border-radius: 999px !important; cursor: pointer !important; }
.progress { height: 100% !important; width: 0% !important; background: #e30613 !important; }
.time {
display: flex !important;
justify-content: space-between !important;
font-size: 11.8px !important;
color: #777 !important;
margin-top: 3px !important;
}
audio { display: none !important; }
/* Mobile – Sobrescrevendo a regra que escondia a capa */
@media (max-width: 600px) {
.player {
height: 64px !important;
padding: 8px 10px !important;
gap: 10px !important;
flex-direction: row !important; /* força row */
align-items: center !important;
}
.player .cover {
display: block !important;
width: 46px !important;
height: 46px !important;
}
}
Campo Grande sanciona lei que restringe uso de banheiros femininos por mulheres trans
00:00
/* Script do player */ const audio = document.getElementById(‘audio’); 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 Prefeitura de Campo Grande sancionou nesta quarta-feira (22) uma lei que restringe o uso de banheiros femininos a mulheres biológicas. A medida, proposta pelo vereador André Salineiro (PL) e aprovada pela Câmara Municipal em março, integra a Política Municipal de Proteção da Mulher e estabelece diretrizes para espaços públicos e privados na capital sul-mato-grossense.
Publicada no Diário Oficial do Município (Diogrande), a nova legislação determina que banheiros femininos sejam utilizados exclusivamente por mulheres biológicas, com o objetivo de resguardar a intimidade e a segurança nesses espaços. O texto também prevê a adoção de critérios biológicos em testes de aptidão física em concursos públicos municipais.
A norma inclui ainda ações educativas, como a realização de palestras, aulas, audiências e debates sobre a valorização da mulher em diferentes segmentos da sociedade. Além disso, estabelece a necessidade de adaptação de estruturas em repartições públicas e a fiscalização de estabelecimentos privados para garantir o cumprimento das medidas.
Outro ponto da lei impede o apoio ou patrocínio do município a eventos esportivos que não adotem critérios baseados no sexo biológico das participantes.
O projeto foi aprovado pela Câmara Municipal no dia 26 de março, por 13 votos a 11. A proposta é de autoria do vereador André Salineiro (PL) e foi sancionada pela prefeita Adriane Lopes (PP).
Procurada, a Prefeitura de Campo Grande não informou, até a última atualização, como a fiscalização será aplicada em ambientes privados, como bares e restaurantes.
A Associação das Travestis e Transexuais de Mato Grosso do Sul (ATTMS) se manifestou contrária à medida. A presidente da entidade, Manoela Kika, afirmou que a lei é inconstitucional e informou que está ingressando com uma Ação Direta de Inconstitucionalidade (ADI) contra a norma. Segundo ela, uma nova ação também será apresentada em relação à legislação publicada nesta quarta-feira.
