html {
  overflow-x: clip;
}

.scrollbar-thin {
  scrollbar-width: none;
}

.scrollbar-thin::-webkit-scrollbar {
  width: 4px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 9999px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.scrollbar-thin:hover {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.scrollbar-thin:hover::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
}

body {
  overflow-x: clip;
  max-width: 100%;
}

/* Slides com a mesma altura (a do maior): o slide cresce com o conteúdo
   e o wrapper estica todos para a altura da linha. */

.veiculosDestaqueSwiper .swiper-wrapper,
.diferenciaisSwiper .swiper-wrapper,
.depoimentosSwiper .swiper-wrapper {
  align-items: stretch;
}

.veiculosDestaqueSwiper .swiper-slide,
.diferenciaisSwiper .swiper-slide,
.depoimentosSwiper .swiper-slide {
  height: auto;
}

.btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(to right, #4ade80, #16a34a);
  color: #fff;
  font-weight: 600;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  transition: filter 0.2s;
}

.btn-whatsapp:hover {
  filter: brightness(1.1);
}

.btn-telefone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(to right, #7b8aff, #0541e9);
  color: #fff;
  font-weight: 600;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  transition: filter 0.2s;
}

.btn-telefone:hover {
  filter: brightness(1.1);
}

/* Variante compacta dos botões de lead — usada nos cards de veículo.
   Declarada depois das classes base para vencer o padding delas. */

.btn-lead-sm {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  gap: 0.375rem;
}

/* Favoritos — estado aplicado pelo mercador.js (Core) */

.js-favorito.favoritado {
  background-color: #ef4444;
}

.js-favorito.favoritado svg {
  color: #fff;
}