*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    transition: filter 0.5s ease; /* Aplica una transición suave al filtro */
}



/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 10px;
}

/*::-webkit-scrollbar-track {*/
/*    background-color: #f3f3f3;*/
/*}*/


/*!* Scrollbar dark mode *!*/
/*@media (prefers-color-scheme: dark) {*/
/*    ::-webkit-scrollbar {*/
/*        width: 10px;*/
/*    }*/

/*    ::-webkit-scrollbar-thumb {*/
/*        background-color: #333;*/
/*        border-radius: 10px;*/
/*    }*/


    ::-webkit-scrollbar-track {
        background-color: #656565;
    }



/*    ::-webkit-scrollbar-track {*/
/*        background-color: #656565;*/
/*    }*/
/*}*/