/* ===== Scrollbars para Chrome, Edge, Safari (WebKit) ===== */
::-webkit-scrollbar {
  width: 12px;           /* largura da barra vertical */
  height: 12px;          /* altura da barra horizontal */
}

::-webkit-scrollbar-track {
  background: transparent; /* cor da "trilha" */
}

::-webkit-scrollbar-thumb {
  background-color: #1a365d; /* cor do "polegar" (scroll) */
  border-radius: 10px;
  border: 3px solid transparent; /* espaçamento interno para efeito */
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  filter: brightness(0.9); /* leve escurecimento ao passar o mouse */
}

/* ===== Scrollbars para Firefox ===== */
/* scrollbar-color: thumb track;  */
* {
  scrollbar-width: thin; /* auto, thin ou none */
  scrollbar-color: #1a365d transparent;
}

/* ===== Opcional: aplicar só a elementos que rolam (se preferir) ===== */
/*
.element-que-roda::-webkit-scrollbar { ... }
.element-que-roda { scrollbar-color: #1a365d transparent; scrollbar-width: thin; }
*/