/* all */
/* Estilos generales para todos los elementos con scrollbar en navegadores basados en Webkit */
::-webkit-scrollbar {
    width: 12px; /* Ancho de la scrollbar */
}

::-webkit-scrollbar-track {
    background: transparent; /* Fondo de la pista */
}

::-webkit-scrollbar-thumb {
    background-color: color-mix(in oklch, currentColor 35%, transparent); /* Color del thumb */
    border-radius: 10px; /* Radio del borde del thumb */
}

::-webkit-scrollbar-thumb:hover {
    background-color: color-mix(in oklch, currentColor 60%, transparent); /* Color al pasar el ratón por encima */
}

/* Estilos generales para todos los elementos con scrollbar en navegadores que soportan scrollbar-color */
* {
    scrollbar-width: thin; /* Ancho de la scrollbar */
    scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent; /* Color de la scrollbar */
}

*:hover {
    scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent; /* Color al pasar el ratón por encima */
}