/* Estilos para la barra de scroll */
::-webkit-scrollbar {
    width: 10px; /* Ancho de la barra */
}

/* Fondo de la barra de scroll */
::-webkit-scrollbar-track {
    background: #2d1b4b; /* Un morado oscuro */
    border-radius: 10px;
}

/* Estilos para el "thumb" (el indicador que se mueve) */
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #a855f7, #7e22ce); /* Degradado morado */
    border-radius: 10px;
    transition: background 0.3s ease;
}

/* Efecto hover para el "thumb" */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #9333ea, #6b21a8); /* Color más vibrante al pasar el mouse */
}