/* Oculta a barra de rolagem padrão para um visual mais limpo */ .carrossel-hoteis::-webkit-scrollbar { display: none; } .carrossel-hoteis { -ms-overflow-style: none; scrollbar-width: none; } /* Estilo dos botões de navegação */ .nav-btn { background: #fff; border: 1px solid #ddd; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; box-shadow: 0 2px 4px rgba(0,0,0,0.1); color: #333; font-weight: bold; } .nav-btn:hover { background: #f0f0f0; } .prev-btn { left: -10px; } .next-btn { right: -10px; } function moverCarrossel(direcao) { const carrossel = document.getElementById(‘meuCarrossel’); // A quantidade de pixels que vai rolar ao clicar (aproximadamente a largura de um card + gap) const distanciaScroll = 260; carrossel.scrollBy({ left: direcao * distanciaScroll, behavior: ‘smooth’ }); }