Palestra do projeto Vitrine Legal esclareceu dúvidas sobre trocas, garantias, preços, formas de pagamento e ofertas, com exemplos de situações comuns no comércio
/* ================================================ */ /* 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-resumo-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-resumo-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-resumo-mpmg .campo-resumo { margin: 12px 0; padding: 8px 12px; background-color: #fff9e6; border-left: 4px solid var(–mpmg-primary); border-radius: 4px; } .marcador-resumo-mpmg .campo-resumo label { font-weight: bold; font-size: 12px; color: var(–mpmg-primary); display: block; margin-bottom: 4px; } .marcador-resumo-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-resumo-mpmg textarea:focus { outline: none; border-color: var(–mpmg-primary); } .marcador-resumo-mpmg .instrucao { font-size: 11px; color: #888; margin-top: 8px; text-align: center; border-top: 1px solid var(–mpmg-border); padding-top: 8px; } /* ================================================ */ /* TOOLTIP FLUTUANTE (portal público) */ /* ================================================ */ .mpmg-resumo-container { display: inline-block; position: relative; margin: 0; line-height: 1; } .btn-lingSimples-mpmg { display: inline-flex; align-items: center; gap: 8px; color: var(–mpmg-primary); background-color: transparent; border: 1px solid var(–mpmg-primary); padding: 8px 16px; cursor: pointer; font-size: 14px; font-weight: 500; border-radius: 30px; transition: all 0.2s ease; font-family: 'Roboto', Arial, sans-serif; } .btn-lingSimples-mpmg:hover { background-color: var(–mpmg-primary); color: white; } .mpmg-resumo-tooltip { position: absolute; z-index: 10000; background-color: var(–mpmg-bg-white); border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); border: 1px solid var(–mpmg-border); width: 320px; max-width: 90vw; display: none; overflow: hidden; } .mpmg-resumo-tooltip::before { content: ''; position: absolute; width: 12px; height: 12px; background-color: var(–mpmg-bg-white); border-left: 1px solid var(–mpmg-border); border-top: 1px solid var(–mpmg-border); transform: rotate(45deg); } .mpmg-resumo-tooltip.pos-top { bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%); } .mpmg-resumo-tooltip.pos-top::before { bottom: -7px; left: 50%; transform: translateX(-50%) rotate(45deg); } .mpmg-resumo-tooltip.pos-bottom { top: calc(100% + 12px); left: 50%; transform: translateX(-50%); } .mpmg-resumo-tooltip.pos-bottom::before { top: -7px; left: 50%; transform: translateX(-50%) rotate(45deg); } .mpmg-resumo-tooltip.pos-right { top: 50%; left: calc(100% + 12px); transform: translateY(-50%); } .mpmg-resumo-tooltip.pos-right::before { top: 50%; left: -7px; transform: translateY(-50%) rotate(45deg); } .mpmg-resumo-tooltip.pos-left { top: 50%; right: calc(100% + 12px); transform: translateY(-50%); } .mpmg-resumo-tooltip.pos-left::before { top: 50%; right: -7px; transform: translateY(-50%) rotate(45deg); } .mpmg-resumo-tooltip-header { background-color: var(–mpmg-primary); color: white; padding: 10px 16px; font-weight: bold; font-size: 14px; display: flex; justify-content: space-between; align-items: center; } .mpmg-resumo-tooltip-fechar { background: none; border: none; color: white; font-size: 18px; cursor: pointer; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s; } .mpmg-resumo-tooltip-fechar:hover { background: rgba(255, 255, 255, 0.2); } .mpmg-resumo-tooltip-body { padding: 16px; font-size: 14px; line-height: 1.5; color: var(–mpmg-title); max-height: 300px; overflow-y: auto; } .mpmg-resumo-tooltip-body p { margin: 0 0 12px 0; } .mpmg-resumo-tooltip-body p:last-child { margin-bottom: 0; }
(function() { var tooltipAberto = null; function fecharTooltip() { if (tooltipAberto) { tooltipAberto.style.display = 'none'; tooltipAberto = null; } } function posicionarTooltip(tooltip, botao) { var rect = botao.getBoundingClientRect(); var tooltipRect = tooltip.getBoundingClientRect(); var viewportWidth = window.innerWidth; var viewportHeight = window.innerHeight; tooltip.classList.remove('pos-top', 'pos-bottom', 'pos-left', 'pos-right'); var espacoDireita = viewportWidth – rect.right; var espacoEsquerda = rect.left; var espacoCima = rect.top; var espacoBaixo = viewportHeight – rect.bottom; if (espacoDireita >= tooltipRect.width + 20) { tooltip.classList.add('pos-right'); } else if (espacoEsquerda >= tooltipRect.width + 20) { tooltip.classList.add('pos-left'); } else if (espacoBaixo >= tooltipRect.height + 20) { tooltip.classList.add('pos-bottom'); } else if (espacoCima >= tooltipRect.height + 20) { tooltip.classList.add('pos-top'); } else { tooltip.classList.add('pos-bottom'); } } function fecharTooltipAoClicarFora(event) { if (tooltipAberto) { var botaoAssociado = tooltipAberto.botaoAssociado; if (!tooltipAberto.contains(event.target) && botaoAssociado !== event.target && !botaoAssociado.contains(event.target)) { fecharTooltip(); } } } function transformarResumo() { var blocos = document.querySelectorAll('.marcador-resumo-mpmg'); for (var b = 0; b < blocos.length; b++) { var bloco = blocos[b]; if (bloco.getAttribute('data-processado') === 'sim') { continue; } var campoResumo = bloco.querySelector('.editar-resumo'); var textoResumo = campoResumo ? campoResumo.value.trim() : ""; if (!textoResumo || textoResumo === "") { bloco.remove(); continue; } bloco.setAttribute('data-processado', 'sim'); var container = document.createElement('div'); container.className = 'mpmg-resumo-container'; var botao = document.createElement('button'); botao.className = 'btn-lingSimples-mpmg'; botao.innerHTML = ' Ler resumo em Linguagem Simples'; botao.setAttribute('aria-label', 'Abrir resumo em Linguagem Simples'); container.appendChild(botao); var tooltip = document.createElement('div'); tooltip.className = 'mpmg-resumo-tooltip'; var header = document.createElement('div'); header.className = 'mpmg-resumo-tooltip-header'; header.innerHTML = 'Resumo em Linguagem Simples'; var btnFechar = document.createElement('button'); btnFechar.className = 'mpmg-resumo-tooltip-fechar'; btnFechar.innerHTML = '×'; btnFechar.setAttribute('aria-label', 'Fechar'); header.appendChild(btnFechar); var body = document.createElement('div'); body.className = 'mpmg-resumo-tooltip-body'; var paragrafos = textoResumo.split(/n/); for (var i = 0; i < paragrafos.length; i++) { if (paragrafos[i].trim() !== "") { var p = document.createElement('p'); p.textContent = paragrafos[i].trim(); body.appendChild(p); } } tooltip.appendChild(header); tooltip.appendChild(body); container.appendChild(tooltip); tooltip.botaoAssociado = botao; bloco.parentNode.replaceChild(container, bloco); botao.addEventListener('click', function(e) { e.stopPropagation(); var tooltipEl = this.parentElement.querySelector('.mpmg-resumo-tooltip'); if (tooltipAberto === tooltipEl) { fecharTooltip(); return; } fecharTooltip(); posicionarTooltip(tooltipEl, this); tooltipEl.style.display = 'block'; tooltipAberto = tooltipEl; }); btnFechar.addEventListener('click', function(e) { e.stopPropagation(); fecharTooltip(); }); } } document.addEventListener('click', fecharTooltipAoClicarFora); window.addEventListener('resize', function() { if (tooltipAberto && tooltipAberto.botaoAssociado) { posicionarTooltip(tooltipAberto, tooltipAberto.botaoAssociado); } }); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', transformarResumo); } else { transformarResumo(); } })();
Como agir quando um consumidor solicita a troca de um produto sem defeito? Qual é a responsabilidade do comerciante diante de um produto que apresenta problemas? Uma loja é obrigada a aceitar a devolução de uma compra feita presencialmente?
Essas foram algumas das questões abordadas durante a ação educativa realizada pelo Procon do Ministério Público de Minas Gerais, no dia 11 de novembro, na sede da Câmara de Dirigentes Lojistas (CDL), em Curvelo, na região Central do estado.
A palestra “CDC sem dúvidas: o que todo lojista deve saber” contou com a parceria do Procon Municipal e da CDL. O encontro reuniu cerca de 40 participantes entre comerciantes, lojistas, fornecedores, acadêmicos e representantes de entidades comerciais.
A apresentação foi conduzida por Ricardo Augusto Amorim César, assessor jurídico do Procon-MPMG, que utilizou exemplos práticos para demonstrar como a legislação deve ser aplicada em diferentes situações do dia a dia dos fornecedores. A proposta foi aproximar o conteúdo do CDC da realidade dos estabelecimentos comerciais, mostrando que conhecer as regras ajuda o fornecedor a tomar decisões adequadas, evitar problemas e fortalecer a confiança dos clientes.
: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; } .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%; font-size: 13px; color: var(–mpmg-title); background-color: #f5f5f5; border: 1px solid var(–mpmg-border); border-radius: 4px; padding: 6px 8px; font-family: 'Roboto', Arial, sans-serif; resize: vertical; box-sizing: border-box; } .marcador-carrossel-mpmg textarea:focus { outline: none; border-color: var(–mpmg-primary); background-color: #fff; } .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; } .mpmg-carrossel-final { position: relative; width: 100%; max-width: 935px; margin: 30px auto; overflow: hidden; border-radius: 8px; background: linear-gradient(to bottom, #000000 0%, #333333 100%); aspect-ratio: 3 / 2; } .mpmg-carrossel-slides { display: flex; transition: transform 0.5s ease-in-out; height: 100%; } .mpmg-carrossel-slide { min-width: 100%; height: 100%; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; } .mpmg-carrossel-slide img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; object-fit: contain; display: block; } .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; } .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; } .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); } .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 legendaTexto = 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'); imgClone.style.width = '100%'; imgClone.style.height = 'auto'; slide.appendChild(imgClone); slidesContainer.appendChild(slide); } carrossel.appendChild(slidesContainer); if (legendaTexto && legendaTexto !== "") { var legendaDiv = document.createElement('div'); legendaDiv.className = 'mpmg-carrossel-legenda'; legendaDiv.textContent = legendaTexto; legendaDiv.title = legendaTexto; carrossel.appendChild(legendaDiv); } 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(); } })();
Aproximação entre Procon e comércio fortalece as relações de consumo
A coordenadora executiva do Procon Municipal de Curvelo, Karine Mendes de Paula, destacou que a iniciativa foi organizada para aproximar os fornecedores do órgão de defesa do consumidor e reforçar seu papel educativo.
Segundo ela, o Procon Municipal recebe de 400 a 500 novas reclamações por mês, o que demonstra a importância de ampliar o acesso ao conhecimento sobre a legislação. A coordenadora ressaltou que muitas situações poderiam ser evitadas com orientações adequadas aos comerciantes e consumidores. “A intenção do Procon não é somente aplicar uma sanção ou multar. Pelo contrário, é buscar o equilíbrio nas relações de consumo. O nosso interesse é orientar e fazer com que fornecedores e consumidores tenham informação para evitar conflitos”.
O presidente da CDL de Curvelo, André Gonçalves, também ressaltou a importância da parceria entre as instituições para o fortalecimento do comércio local. Para ele, iniciativas como essa ajudam a desmistificar a ideia de que o Procon é adversário dos empreendedores. “Todo empreendedor também é consumidor e tem seus direitos defendidos pelo Procon. A falta de conhecimento da legislação é uma das principais dificuldades enfrentadas pelos comerciantes no relacionamento com os clientes. Encontros como este trazem mais conhecimento e, consequentemente, podem diminuir as demandas no Procon”.
Conhecimento também contribui para a formação acadêmica
A participação de estudantes e professor da Faculdade Arquidiocesana de Curvelo (FAC) ampliou o debate sobre a aplicação do CDC para além do ambiente comercial. O professor de Direito Douglas Eduardo Figueiredo Souza também destacou a importância dos exemplos práticos para a formação dos estudantes. Entre os pontos abordados, ele ressaltou a diferença entre vício e defeito, as regras sobre troca de produtos e a necessidade de compreender as responsabilidades dos fornecedores. Na avaliação do professor, atividades presenciais como essa favorecem o debate e aproximam os estudantes de situações que poderão encontrar no exercício da profissão.
Ao final, Ricardo Augusto Amorim César reforçou que o conhecimento da legislação consumerista beneficia toda a sociedade. Para ele, fornecedores bem informados conseguem adotar práticas comerciais mais adequadas, enquanto consumidores conscientes de seus direitos têm melhores condições de buscar soluções quando enfrentam problemas.
