/* Estilos del contenedor */
.beautyscroll {
    /*padding: 1rem 1.5rem;
    width: 300px;
    height: 400px;
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    color: #333;
    font-family: sans-serif;
    text-align: justify;
    line-height: 1.3;*/
    overflow: auto;
}

    .beautyscroll p:not(:last-child) {
        margin-bottom: 1rem;
    }

    /* Tamaño del scroll */
    .beautyscroll::-webkit-scrollbar {
        width: 5px;
    }
    .beautyscroll::-webkit-scrollbar:hover {
       
    }

    /* Estilos barra (thumb) de scroll */
    .beautyscroll::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }

        .beautyscroll::-webkit-scrollbar-thumb:active {
            background-color: #999999;
        }

        .beautyscroll::-webkit-scrollbar-thumb:hover {
            background: #b3b3b3;
            box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
            width: 9px;
        }

    /* Estilos track de scroll */
    .beautyscroll::-webkit-scrollbar-track {
        background: #e1e1e1;
        border-radius: 4px;
    }

        .beautyscroll::-webkit-scrollbar-track:hover,
        .beautyscroll::-webkit-scrollbar-track:active {
            background: #d4d4d4;
            width: 9px;
        }