/* Estilo para navegadores basados en WebKit (Chrome, Safari, Edge, etc.) */
::-webkit-scrollbar {
    width: 8px; /* Ancho de la barra de desplazamiento vertical */
    height: 8px; /* Ancho de la barra de desplazamiento horizontal */
}

::-webkit-scrollbar-track {
    background: #f0f4fc; /* Color de fondo del track (canal) de la barra de desplazamiento */
    border-radius: 10px; /* Opcional: para que los bordes sean redondeados */
}

::-webkit-scrollbar-thumb {
    background-color: #1e8a20; /* Color de la barra de desplazamiento */
    border-radius: 10px; /* Opcional: para que los bordes sean redondeados */
    border: 2px solid #f0f4fc; /* Para crear un pequeño espacio alrededor de la barra de desplazamiento */
}

/* Estilo para Firefox */
html {
    scrollbar-width: thin; /* Hace la barra de desplazamiento delgada */
    scrollbar-color: #1e8a20 #f0f4fc; /* Color de la barra de desplazamiento y el track */
}