/* (INICIO)estilização do botão de scroll para o topo da pagina */
    div.botaoTopo {
        border: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 30px;
        bottom: 20px;
        width: 50px;
        height: 50px;
        position: fixed;
        flex-direction: column;
        visibility: hidden;
        opacity: 0;
        transition: var(--transition-fast);
        z-index: 999;
        background-color: var(--gray-100);
        border-radius: var(--border-radius-full);
        box-shadow: var(--shadow-lg);

    }

    div.botaoTopo.active {
        visibility: visible;
        opacity: 1;
    }

    div.BT {
        font-size: 40px;
        color: var(--color_1);
        cursor: pointer;
        transition: ease-in-out .2s;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    div.botaoTopo:hover {
        background: var(--gray-100);
        color: var(--white);
        transform: scale(1.05) translateY(-5px);
        box-shadow: var(--shadow-lg);

    }

    div.botaoTopo:hover>div.BT {
        font-size: 38px;
        color: var(--color_4);
    }

    /* (FIM)estilização do botão de scroll para o topo da pagina */