::-webkit-scrollbar {
    width: 10px;
    background: transparent;
    position: absolute;
    z-index: 9999;
}

::-webkit-scrollbar-track {
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    background: rgba(30, 58, 138, 0.85); /* azul más oscuro bg-blue-900 */
    border-radius: 16px;
    border: 3px solid rgba(255,255,255,0.0); /* padding visual, efecto glass */
    background-clip: padding-box;
    box-shadow: 0 4px 16px 0 rgba(30, 58, 138, 0.25), 0 2px 8px 0 rgba(0,0,0,0.10);
    transition: background 0.3s, box-shadow 0.3s;
    backdrop-filter: blur(2px);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(30, 58, 138, 1); /* azul más oscuro sólido al hover */
    box-shadow: 0 4px 16px 0 rgba(30, 58, 138, 0.35), 0 2px 8px 0 rgba(0,0,0,0.15);
    
}

::-webkit-scrollbar-corner {
    background: transparent;
}

html, body {
    height: 100%;
    min-height: 100%;
    background: transparent !important;
}