/* Estilo global para todas las scrollbars */
* {
    scrollbar-width: thin; /* Para Firefox */
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent; /* Color del thumb y del track en Firefox */
}

/* Scrollbar para navegadores basados en WebKit */
*::-webkit-scrollbar {
    width: 6px; /* Ancho de la scrollbar */
    height: 6px; /* Altura de la scrollbar en elementos horizontales */
    background-color: transparent; /* Fondo transparente */
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2); /* Color del thumb */
    border-radius: 10px; /* Borde redondeado */
    border: 2px solid transparent; /* Espacio entre el thumb y el track */
    background-clip: padding-box; /* Efecto flotante */
}

*::-webkit-scrollbar-track {
    background-color: transparent; /* Fondo transparente para el track */
}

/* Hover sobre la scrollbar para resaltar */
*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4); /* Color más oscuro en hover */
}