@import 'variablesGlobales.css';

.divModuloP2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    width: 85%;
}
.p{
   margin-left: 10px;
}

.my-custom-scrollbar {
position: relative;
height: 100%;
overflow: auto;
display: block;
margin-bottom: 10px;
}

.my-custom-scrollbar::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    /*display: none;   Ocultar scroll */
}
.my-custom-scrollbar::-webkit-scrollbar-thumb {
    /*    background: #0000EE;*/
    background: rgb(84,10,193);
    background: linear-gradient(90deg, rgba(84,10,193,1) 0%, rgba(65,159,223,1) 74%, rgba(62,181,227,1) 87%, rgba(60,194,230,1) 96%, rgba(55,239,239,1) 100%);
}
.my-custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgb(84,10,193);
    background: linear-gradient(90deg, rgba(84,10,193,1) 0%, rgba(65,159,223,1) 74%, rgba(62,181,227,1) 87%, rgba(60,194,230,1) 96%, rgba(55,239,239,1) 100%);
}
.my-custom-scrollbar::-webkit-scrollbar-track {
    background: #ccdff0;
    border-radius: 4px;
}