@font-face {
    font-family: BlissPro;
    src: url(BlissPro_Regular.ttf);
}

body {
    font-family: BlissPro,'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin: 0;
    padding: 0;
}

.griner {
    position: relative;
}

    .griner span cite {
        display: none;
    }

    .griner .link-mobile {
        display: none;
    }

    .griner span.mobile > span {
        display: none;
        position: absolute;
    }

    .griner .mobile .mobile-informativo {
        position: absolute;
        z-index: 1000;
        border-style: none;
        width: 300px;
        left: -80px;
    }

        .griner .mobile .mobile-informativo.left-bottom {
            margin: auto auto;
            top: 105%;
            width: 250px;
            text-align: center;
        }

    .griner span.mobile > .text-informativo.bottom {
        width: 300px;
        top: 70px;
    }

    .griner .svg-griner-engenharia,
    .griner .svg-novinvest {
        display: none !important;
    }

    .griner span.mobile > span strong {
        display: block;
    }

    .griner .griner-row span.mobile a:nth-child(2) {
        display: none;
    }

    .griner .nivel-0,
    .griner .nivel-1,
    .griner .nivel-2 {
        position: relative;
    }

    .griner svg {
        display: none;
        background: transparent;
        z-index: -100;
    }

    .griner .nivel-1 {
        margin-top: 50px;
        padding-left: 100px;
        text-align: center;
    }

    .griner span[data-valor-top]::after {
        text-align: center;
        font-size: 0.76rem;
        content: attr(data-valor-top);
        position: absolute;
        top: -1.2rem;
        left: 38%;
        background-color: #fff;
        color: #000;
        padding: 2px 5px;
    }

    .griner a {
        text-decoration: none;
        background-color: #616566;
        color: #fff;
        padding: 12px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .griner a, .griner span {
        border-radius: 50px;
    }

    .griner .nivel-2 .column:nth-child(1) > span a {
        height: 40px;
        font-size: 12px;
    }

    .griner .nivel-2 a {
        position: relative;
    }

    .griner span {
        position: relative;
        display: inline-block;
    }


    .griner .nivel-2 .column > span a {
        background-color: #98BC1B;
        color: rgb(52, 55, 57) !important;
    }

    .griner .nivel-2 .column > span {
        background-color: #98BC1B;
        border-style: none;
        padding: 0;
        color: #000;
        margin-top: 10px;
    }