Dentista em Maceió

Veja como transformamos sorrisos em poucos dias

Veja os antes e depois dos tratamentos realizados pelo dentista Dr. Miguel Berto em Maceió.

#ba-container { display: flex; gap: 72px; /* MAIS ESPAÇO ENTRE CARDS */ width: 100%; justify-content: center; flex-wrap: wrap; } #ba-container .ba-wrap { width: 32%; /* CARDS MENORES */ aspect-ratio: 4/3; border-radius: 16px; overflow: hidden; position: relative; } #ba-container .ba-slider img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* RESPONSIVO */ @media (max-width: 768px) { #ba-container { gap: 28px; /* espaço confortável no mobile */ } #ba-container .ba-wrap { width: 100%; max-width: 500px; } } document.querySelectorAll(‘.ba-slider’).forEach(function(slider) { var top = slider.querySelector(‘.ba-top’); var line = slider.querySelector(‘.ba-line’); var handle = slider.querySelector(‘.ba-handle’); var dragging = false; var startX = 0; function applyPosition(pct) { top.style.clipPath = ‘inset(0 ‘ + (100 – pct) + ‘% 0 0)’; line.style.left = pct + ‘%’; handle.style.left = pct + ‘%’; } function setPos(x) { var rect = slider.getBoundingClientRect(); var pct = Math.max(0, Math.min(100, (x – rect.left) / rect.width * 100)); applyPosition(pct); } function resetSlider() { top.style.transition = “clip-path 0.3s ease”; line.style.transition = “left 0.3s ease”; handle.style.transition = “left 0.3s ease”; applyPosition(50); setTimeout(() => { top.style.transition = “”; line.style.transition = “”; handle.style.transition = “”; }, 300); } function preventScroll(e) { if (dragging) { e.preventDefault(); } } slider.addEventListener(‘mousedown’, function(e) { dragging = true; startX = e.clientX; }); slider.addEventListener(‘touchstart’, function(e) { dragging = true; startX = e.touches[0].clientX; }, { passive: true }); window.addEventListener(‘mousemove’, function(e) { if (!dragging) return; if (Math.abs(e.clientX – startX) > 5) { setPos(e.clientX); } }); window.addEventListener(‘touchmove’, function(e) { if (!dragging) return; if (Math.abs( e.touches[0].clientX – startX ) > 5) { setPos(e.touches[0].clientX); } }, { passive: true }); document.addEventListener( ‘touchmove’, preventScroll, { passive: false } ); function stopDrag() { if (!dragging) return; dragging = false; resetSlider(); } window.addEventListener(‘mouseup’, stopDrag); window.addEventListener(‘touchend’, stopDrag); });