Ação educativa “Dia de Pensar na Sociedade de Consumo” reuniu 60 estudantes do ensino médio em Igaratinga
/* ================================================ */ /* CORES INSTITUCIONAIS DO MPMG */ /* ================================================ */ :root { –mpmg-primary: #ba0f30; –mpmg-primary-dark: #73091e; –mpmg-primary-light: #f1cfd6; –mpmg-text: #707070; –mpmg-title: #343a40; –mpmg-border: #e6e6e6; –mpmg-bg-light: #f8f8f8; –mpmg-bg-white: #fff; } /* ================================================ */ /* ESTILOS DO MARCADOR VISUAL (aparece no WYSIWYG) */ /* ================================================ */ .marcador-carrossel-mpmg { border: 2px dashed var(–mpmg-primary); padding: 16px; margin: 24px 0; background-color: var(–mpmg-bg-light); font-family: 'Roboto', Arial, sans-serif; border-radius: 8px; } .marcador-carrossel-mpmg .tag-box { display: inline-block; padding: 6px 12px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: var(–mpmg-primary); background-color: var(–mpmg-primary-light); border-radius: 4px; margin: 4px 0; } .marcador-carrossel-mpmg .area-fotos { margin: 16px 0; padding: 20px; border: 2px dotted var(–mpmg-primary); background-color: var(–mpmg-bg-white); border-radius: 4px; text-align: center; min-height: 120px; } .marcador-carrossel-mpmg .area-fotos img { max-width: 100%; height: auto; margin: 8px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); display: inline-block; vertical-align: middle; } .marcador-carrossel-mpmg .campo-credito, .marcador-carrossel-mpmg .campo-legenda { margin: 12px 0; padding: 8px 12px; background-color: #fff9e6; border-left: 4px solid var(–mpmg-primary); border-radius: 4px; } .marcador-carrossel-mpmg .campo-credito label, .marcador-carrossel-mpmg .campo-legenda label { font-weight: bold; font-size: 12px; color: var(–mpmg-primary); display: block; margin-bottom: 4px; } .marcador-carrossel-mpmg textarea { width: 100%; padding: 8px; font-family: 'Roboto', Arial, sans-serif; font-size: 13px; color: var(–mpmg-title); border: 1px solid var(–mpmg-border); border-radius: 4px; resize: vertical; box-sizing: border-box; } .marcador-carrossel-mpmg textarea:focus { outline: none; border-color: var(–mpmg-primary); } .marcador-carrossel-mpmg .instrucao { font-size: 11px; color: #888; margin-top: 8px; text-align: center; border-top: 1px solid var(–mpmg-border); padding-top: 8px; } /* ================================================ */ /* ESTILOS DO CARROSSEL (aparece no portal público) */ /* ================================================ */ .mpmg-carrossel-final { position: relative; width: 100%; max-width: 675px; /* 450 * 1.5 = 675 (proporção 3:2) */ margin: 30px auto; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .mpmg-carrossel-slides { display: flex; transition: transform 0.5s ease-in-out; } .mpmg-carrossel-slide { min-width: 100%; box-sizing: border-box; position: relative; /* Define uma altura fixa de 450px para a "janela" */ height: 450px; display: flex; align-items: center; justify-content: center; /* Degradê vertical: preto 100% em cima ? preto 65% embaixo */ background: linear-gradient(to bottom, #000000 0%, rgba(0,0,0,0.65) 100%); } .mpmg-carrossel-slide img { /* A imagem ocupa o máximo possível sem distorcer */ max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; /* Preserva proporção e adiciona margens */ position: relative; z-index: 1; } /* Crédito sobreposto – canto superior direito */ .mpmg-carrossel-credito { position: absolute; top: 12px; right: 12px; background: rgba(0, 0, 0, 0.65); color: white; padding: 4px 8px; font-size: 8px; border-radius: 4px; font-family: 'Roboto', Arial, sans-serif; z-index: 15; pointer-events: none; letter-spacing: 0.5px; } /* Legenda sobreposta – linha única, canto inferior esquerdo */ .mpmg-carrossel-legenda { position: absolute; bottom: 12px; left: 12px; background: rgba(0, 0, 0, 0.65); color: white; padding: 6px 12px; font-size: 13px; border-radius: 4px; font-family: 'Roboto', Arial, sans-serif; z-index: 15; pointer-events: none; max-width: calc(100% – 120px); white-space: nowrap; overflow-x: auto; overflow-y: hidden; text-overflow: ellipsis; scrollbar-width: thin; } .mpmg-carrossel-legenda::-webkit-scrollbar { height: 4px; } .mpmg-carrossel-legenda::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.2); border-radius: 2px; } .mpmg-carrossel-legenda::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); border-radius: 2px; } /* Indicadores (dots) */ .mpmg-carrossel-indicadores { position: absolute; bottom: 15px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; z-index: 13; } .mpmg-carrossel-indicador { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.3s; } .mpmg-carrossel-indicador:hover { background: rgba(255, 255, 255, 0.8); } .mpmg-carrossel-indicador.ativo { background: var(–mpmg-primary); transform: scale(1.2); } /* Botões de navegação */ .mpmg-carrossel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(186, 15, 48, 0.7); color: white; border: none; padding: 10px 14px; cursor: pointer; font-size: 18px; font-weight: bold; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.3s; z-index: 10; border-radius: 4px; font-family: 'Roboto', Arial, sans-serif; } .mpmg-carrossel-btn:hover { background: var(–mpmg-primary); } .mpmg-carrossel-prev { left: 10px; } .mpmg-carrossel-next { right: 10px; }
(function() { var rolagemAutomatica = true; var intervaloAutomatico = 5000; function transformarCarrossel() { var blocos = document.querySelectorAll('.marcador-carrossel-mpmg'); for (var b = 0; b < blocos.length; b++) { var bloco = blocos[b]; if (bloco.getAttribute('data-processado') === 'sim') { continue; } var campoCredito = bloco.querySelector('.editar-credito'); var campoLegenda = bloco.querySelector('.editar-legenda'); var creditoFotografo = campoCredito ? campoCredito.value.trim() : ""; var legendaPadrao = campoLegenda ? campoLegenda.value.trim() : ""; var areaFotos = bloco.querySelector('.area-fotos'); if (!areaFotos) continue; var imagens = []; var imgs = areaFotos.getElementsByTagName('img'); for (var i = 0; i < imgs.length; i++) { imagens.push(imgs[i]); } if (imagens.length === 0) { if (bloco.parentNode) { bloco.parentNode.removeChild(bloco); } continue; } bloco.setAttribute('data-processado', 'sim'); var carrossel = document.createElement('div'); carrossel.className = 'mpmg-carrossel-final'; var slidesContainer = document.createElement('div'); slidesContainer.className = 'mpmg-carrossel-slides'; for (var s = 0; s < imagens.length; s++) { var slide = document.createElement('div'); slide.className = 'mpmg-carrossel-slide'; var imgClone = imagens[s].cloneNode(true); imgClone.removeAttribute('style'); imgClone.removeAttribute('width'); imgClone.removeAttribute('height'); // Remove qualquer classe inline que possa interferir imgClone.style.maxWidth = '100%'; imgClone.style.maxHeight = '100%'; imgClone.style.width = 'auto'; imgClone.style.height = 'auto'; imgClone.style.display = 'block'; imgClone.style.objectFit = 'contain'; slide.appendChild(imgClone); slidesContainer.appendChild(slide); } carrossel.appendChild(slidesContainer); // Legenda sobreposta (canto inferior esquerdo) if (legendaPadrao && legendaPadrao !== "") { var legendaDiv = document.createElement('div'); legendaDiv.className = 'mpmg-carrossel-legenda'; legendaDiv.textContent = legendaPadrao; legendaDiv.title = legendaPadrao; carrossel.appendChild(legendaDiv); } // Crédito sobreposto (canto superior direito) if (creditoFotografo && creditoFotografo !== "") { var creditoDiv = document.createElement('div'); creditoDiv.className = 'mpmg-carrossel-credito'; creditoDiv.textContent = creditoFotografo; carrossel.appendChild(creditoDiv); } if (imagens.length > 1) { var btnPrev = document.createElement('button'); btnPrev.className = 'mpmg-carrossel-btn mpmg-carrossel-prev'; btnPrev.innerHTML = '‹'; btnPrev.setAttribute('aria-label', 'Anterior'); var btnNext = document.createElement('button'); btnNext.className = 'mpmg-carrossel-btn mpmg-carrossel-next'; btnNext.innerHTML = '›'; btnNext.setAttribute('aria-label', 'Proximo'); carrossel.appendChild(btnPrev); carrossel.appendChild(btnNext); var indicadores = document.createElement('div'); indicadores.className = 'mpmg-carrossel-indicadores'; for (var d = 0; d < imagens.length; d++) { var dot = document.createElement('div'); dot.className = 'mpmg-carrossel-indicador'; if (d === 0) dot.classList.add('ativo'); dot.setAttribute('data-index', d); indicadores.appendChild(dot); } carrossel.appendChild(indicadores); var slideIndex = 0; var totalSlides = imagens.length; var slidesWrap = carrossel.querySelector('.mpmg-carrossel-slides'); var intervalo = null; function atualizarCarrossel() { var deslocamento = -slideIndex * 100; slidesWrap.style.transform = 'translateX(' + deslocamento + '%)'; var dots = carrossel.querySelectorAll('.mpmg-carrossel-indicador'); for (var i = 0; i < dots.length; i++) { if (i === slideIndex) { dots[i].classList.add('ativo'); } else { dots[i].classList.remove('ativo'); } } } function slideProximo() { slideIndex = (slideIndex + 1) % totalSlides; atualizarCarrossel(); resetarIntervalo(); } function slideAnterior() { slideIndex = (slideIndex – 1 + totalSlides) % totalSlides; atualizarCarrossel(); resetarIntervalo(); } function irParaSlide(index) { slideIndex = index; atualizarCarrossel(); resetarIntervalo(); } function resetarIntervalo() { if (intervalo) { clearInterval(intervalo); } if (rolagemAutomatica) { intervalo = setInterval(slideProximo, intervaloAutomatico); } } btnPrev.addEventListener('click', slideAnterior); btnNext.addEventListener('click', slideProximo); var dots = carrossel.querySelectorAll('.mpmg-carrossel-indicador'); for (var j = 0; j < dots.length; j++) { dots[j].addEventListener('click', (function(idx) { return function() { irParaSlide(idx); }; })(j)); } if (rolagemAutomatica) { intervalo = setInterval(slideProximo, intervaloAutomatico); } } bloco.parentNode.replaceChild(carrossel, bloco); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', transformarCarrossel); } else { transformarCarrossel(); } })();
Quatro décadas após deixar a carteira de estudante da Escola Estadual José Ataíde de Almeida, em Igaratinga, a servidora do Procon-MPMG, Cláudia Raposeiras, voltou ao colégio como palestrante. "Voltar a escola em que comecei meus estudos há 44 anos atribui um sentido especial a essa ação educacional. Visitar uma escola pública organizada, bem cuidada e com espaços de leitura e estudos, como biblioteca, laboratório e sala de multimídias, também traz muita satisfação. No entanto, a maior alegria foi estar com alunos interessados pelos próprios direitos, relatando questões de consumo que são importantes e partilhando experiências que podem contribuir para formação de todos que participaram da atividade. Conversamos sobre direitos previstos no Código de Defesa do Consumidor, meios de resolver os problemas, consumo consciente, saúde financeira e influência de consumo", comenta a servidora.
No dia 8 de outubro, Cláudia esteve à frente de duas classes para realizar a ação educativa "Dia de Pensar na Sociedade de Consumo", destinada a estudantes do ensino médio de escolas públicas e particulares. Ao todo, 60 alunos dos turnos manhã e noite participaram dos encontros. A coordenadora do Procon de Igaratinga, Grasiele Cristina de Souza Pinto, esteve presente nos dois momentos.
Por meio de um bate-papo informal e descontraído, a servidora buscou despertar nos adolescentes o interesse pelos direitos e deveres dos consumidores e tratou de temas que promovem reflexões sobre valores, hábitos e comportamentos.
Ação educativa também incentiva os jovens a terem um olhar mais crítico diante do assédio ao consumo presente nas redes sociais, na televisão e em outros meios de comunicação. Os alunos são estimulados a questionar a real necessidade de comprar determinados produtos, analisando se essa ação é realmente importante ou se é apenas resultado de impulso ou influência externa. Além disso, o projeto também orienta os estudantes a desconfiarem de ofertas e recomendações feitas por influenciadores digitais, compreendendo que muitas dessas divulgações fazem parte de estratégias de marketing e podem não representar uma opinião imparcial.
Para provocar a participação dos alunos, a apresentação de slides traz situações atuais, que fazem parte do dia a dia dos adolescentes. Desta vez, a conversa sobre bets empolgou os estudantes que frequentam as aulas no horário noturno. "Duas horas de ação, era pergunta que não acabava mais. Já era tarde da noite e, ainda assim, foi difícil concluir a ação, tamanho o interesse dos participantes. Interagiram como nunca vi, todos trabalham, todos fazem as próprias compras e resolvem diversos casos de consumo", conta Cláudia.
O Procon-MPMG criou o "Dia de Pensar na Sociedade de Consumo" com a missão de transformar os jovens em agentes de transformações benéficas no mercado de consumo. A próxima ação educativa está marcada para o dia 20 de outubro, em uma escola do distrito de Antunes, em Igaratinga.
Como ter essa ação na sua escola
Escolas de Ensino Médio de Belo Horizonte podem oferecer a ação educacional “Dia de Pensar” aos seus alunos. Para isso, basta enviar um e-mail para a Escola Estadual de Defesa do Consumidor (EEDC), solicitando a realização do projeto. Se você é educador, faz parte do Sistema Estadual de Defesa do Consumidor ou representa uma entidade ou associação que atenda jovens, seja um multiplicador desse projeto. Entre em contato e receba todas as orientações.
E-mail: eedc@mpmg.mp.br
Telefones: (31) 3768-1695 / 1697
