/* ============================================
   CAROUSEL — Componente genérico
   ============================================ */

.carousel {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 1rem 0 1.5rem;
}
.carousel::-webkit-scrollbar { display: none; }

.carousel-track {
  display: flex;
  gap: 1.25rem;
  width: max-content;
  padding: 0 1.5rem;
  opacity: 0;
}

.carousel--reverse {
  direction: rtl;
}

.carousel--reverse .carousel-track {
  direction: ltr;
}