/* Estilos para la barra de desplazamiento de WebKit (Chrome, Safari, Opera) */
::-webkit-scrollbar {
  width: 10px; /* Ancho de la barra de desplazamiento */
}

/* Estilos para el riel de la barra de desplazamiento */
::-webkit-scrollbar-track {
  background: #f7d06a; /* Color de fondo del riel */
}

/* Estilos para el pulgar (la parte deslizable) de la barra de desplazamiento */
::-webkit-scrollbar-thumb {
  background: #b88500; /* Color del pulgar */
}

/* Estilos hover para el pulgar */
::-webkit-scrollbar-thumb:hover {
  background: #805c00; /* Cambio de color al pasar el ratón sobre el pulgar */
}