/* Estilos personalizados */
body {
  font-family: "Inter", sans-serif;
  color: #303030;
}
.bg-higor-yellow {
  background-color: #ebb703;
}
.text-higor-yellow {
  color: #ebb703;
}
.border-higor-yellow {
  border-color: #ebb703;
}
.focus\:ring-higor-yellow:focus {
  --tw-ring-color: #ebb703;
}
.hover\:bg-higor-yellow-dark:hover {
  background-color: #d4a302;
}
.bg-dark-primary {
  background-color: #303030;
}
.text-dark-primary {
  color: #303030;
}
/* Oculta scrollbars do carousel (se houver) */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none; /* IE e Edge */
  scrollbar-width: none; /* Firefox */
}

/* ADICIONADO: Estilos para os indicadores (dots) do carousel */
.carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d1d5db; /* Cor cinza (gray-300) */
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding: 0;
  border: none;
}

.carousel-dot.active {
  background-color: #ebb703; 
}

/* --- Para navegadores WebKit / Chromium --- */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: #ffffff;        /* trilho branco */
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background: #cfcfcf;        /* cor do "polegar" (visível) */
  border-radius: 8px;
  border: 3px solid #ffffff;  /* cria margem entre thumb e borda branca */
}
::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* --- Para Firefox --- */
/* Define a cor do thumb primeiro e depois a do track: scrollbar-color: thumb track; */
:root, body {
  scrollbar-width: thin;                   /* auto | thin | none */
  scrollbar-color: #cfcfcf #ffffff;        /* thumb, track */
}

/* Aplicando a um elemento específico:
.my-scroll {
  overflow: auto;
  scrollbar-color: #cfcfcf #ffffff;
  scrollbar-width: thin;
}
*/