/* Para Chrome, Edge y Safari (WebKit) */
::-webkit-scrollbar {
  width: 12px; /* Ancho de la barra */
}

::-webkit-scrollbar-track {
  background: white; /* Fondo de la barra */
}

::-webkit-scrollbar-thumb {
  background: black; /* "Cosito" que se arrastra */
  border-radius: 6px;
}

/* Opcional: hover en el thumb */
::-webkit-scrollbar-thumb:hover {
  background: #333;
}

/* Para Firefox */
* {
  scrollbar-width: thin;            /* 'auto' o 'thin' */
  scrollbar-color: black white;     /* thumb y track */
}