/* Estilos para la barra de desplazamiento en navegadores WebKit */
::-webkit-scrollbar {
    width: 12px; /* Ancho de la barra de desplazamiento */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color de fondo del track */
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(100deg, #ea91bc, #e1ffea22 100%);
    background-size: 200% 200%; /* Tamaño del fondo */
    border-radius: 10px; /* Radio de borde del pulgar */
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(100deg, #ea91bc, #e1ffea22 100%);
    background-size: 200% 200%; /* Tamaño del fondo */
    border-radius: 10px; /* Radio de borde del pulgar */
}

/* Estilos para la barra de desplazamiento en Firefox */
body {
    scrollbar-width: thin; /* Ancho del scrollbar: auto, thin, none */
    scrollbar-color: #888 #f1f1f1; /* Color del pulgar y el track */
}