/* ===== Scrollbar global (Chrome, Edge, Safari) ===== */
::-webkit-scrollbar {
  width: 10px;           /* largura */
}

::-webkit-scrollbar-track {
  background: #0f0f0f;   /* trilho */
}

::-webkit-scrollbar-thumb {
  background: #000;      /* parte que move */
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #222;      /* efeito hover */
}

/* ===== Firefox ===== */
html {
  scrollbar-width: thin;                   /* auto | thin | none */
  scrollbar-color: #000 #0f0f0f;           /* thumb track */
}