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


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

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #e56b00 #f6f2ef;
}


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


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


/* Barra desplazable */
::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #ff7f0f 0%,
        #e56b00 55%,
        #4a206f 100%
    );

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

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


/* Hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #ff8821 0%,
        #f77300 55%,
        #d66400 100%
    );

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


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


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