@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(80deg, rgba(84,10,193,1) 17%, rgba(134,91,231,1) 51%, rgba(144,106,238,1) 80%, rgba(162,136,252,1) 100%);
}
.my-custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgb(84,10,193);
background: linear-gradient(80deg, rgba(84,10,193,1) 17%, rgba(134,91,231,1) 51%, rgba(144,106,238,1) 80%, rgba(162,136,252,1) 100%);
}
.my-custom-scrollbar::-webkit-scrollbar-track {
    background: #ccdff0;
    border-radius: 4px;
}