/* ::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px 5px #fff;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
:root {
  scrollbar-width: thin;
  scrollbar-color: #b6b6b6 #fff;
} */

/* Estilo para navegadores WebKit (Chrome, Safari) */
::-webkit-scrollbar {
  width: 12px; /* Ancho de la barra de desplazamiento */
}

::-webkit-scrollbar-track {
  background: transparent; /* Color de fondo de la pista */
  border-radius: 25px; /* Bordes redondeados */
}

::-webkit-scrollbar-thumb {
  background-color: #c1c1c1; /* Color de la barra de desplazamiento */
  border-radius: 25px; /* Bordes redondeados */
  border: 3px solid transparent; /* Espacio alrededor de la barra */
}

/* Estilo para Firefox */
* {
  scrollbar-width: thin; /* Ancho de la barra de desplazamiento */
  scrollbar-color: #c1c1c1 transparent; /* Color de la barra de desplazamiento y de la pista */
}

/* Estilo para navegadores IE y Edge antiguos */
.scrollbar {
  overflow-y: scroll;
}

.scrollbar::-ms-scrollbar {
  width: 12px;
}

.scrollbar::-ms-scrollbar-track {
  background: transparent;
}

.scrollbar::-ms-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 25px;
  border: 3px solid transparent;
}