/* =========================================================
   ULTRAPC - ESTILOS BASE
   ========================================================= */


/* =========================================================
   SCROLLBAR MODERNA
   ========================================================= */

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #0067ad #eef3f7;
}


/* Chrome / Edge / Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}


/* Fondo de la barra */
::-webkit-scrollbar-track {
    background: #eef3f7;
    border-radius: 20px;
}


/* Barra desplazable */
::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #0084d6 0%,
        #0067ad 55%,
        #00568f 100%
    );

    border-radius: 20px;
    border: 2px solid #eef3f7;

    box-shadow:
        inset 0 0 3px rgba(255,255,255,.35);
}


/* Hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #0094e8 0%,
        #0074bf 55%,
        #005f9e 100%
    );

    box-shadow:
        inset 0 0 4px rgba(255,255,255,.45),
        0 0 5px rgba(0,103,173,.25);
}


/* Esquinas */
::-webkit-scrollbar-corner {
    background: #eef3f7;
}


/* Ocultar botones/flechas */
::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}