Descubra Como Ter um Sorriso Branco, Saudável e Livre de Mau Hálito! 🦷✨

📢 O Que Estão Dizendo Sobre Nós

Veja os comentários reais de pessoas que aplicaram as dicas do Dr. Beto Mendes e tiveram resultados incríveis! 🚀

❮ ❯

.carousel-track { display: flex; transition: transform 0.5s ease; width: 100%; } .carousel-slide { display: flex; gap: 20px; min-width: 100%; justify-content: center; flex-wrap: wrap; } .carousel-slide img { max-width: 45%; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } #prev, #next { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 30px; cursor: pointer; color: #333; z-index: 10; } #prev { left: 10px; } #next { right: 10px; } .dots-container { margin-top: 20px; } .dot { display: inline-block; height: 12px; width: 12px; margin: 0 5px; background-color: #bbb; border-radius: 50%; cursor: pointer; } @media (max-width: 600px) { .carousel-slide img { max-width: 90%; } .carousel-slide { flex-direction: column; align-items: center; } } const track = document.querySelector(‘.carousel-track’); const slides = document.querySelectorAll(‘.carousel-slide’); const prev = document.getElementById(‘prev’); const next = document.getElementById(‘next’); const dots = document.querySelectorAll(‘.dot’); let currentIndex = 0; function updateCarousel() { track.style.transform = `translateX(-${currentIndex * 100}%)`; dots.forEach((dot, i) => { dot.style.backgroundColor = i === currentIndex ? ‘#ff8800’ : ‘#bbb’; }); } prev.addEventListener(‘click’, () => { currentIndex = (currentIndex – 1 + slides.length) % slides.length; updateCarousel(); }); next.addEventListener(‘click’, () => { currentIndex = (currentIndex + 1) % slides.length; updateCarousel(); }); dots.forEach((dot, i) => { dot.addEventListener(‘click’, () => { currentIndex = i; updateCarousel(); }); }); updateCarousel();