.grid__representantes {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "texto" "mapa" "resultado";
}

.conteudo__titulo--box {
    grid-area: texto;
}

.infos__box {
    grid-area: resultado;
}

.box-mapa {
    grid-area: mapa;
}

.btn-revenda {
    bottom: 90px;
    right: 1.5%;
    z-index: 50;
}

.fixed__whatsapp {
    bottom: 90px;
}
/* MAPA */
.box-mapa {
    position: relative;
}

#map {
    display: block;
}

    #map .state {
        cursor: pointer;
    }

        #map .state .shape {
            cursor: pointer;
            -width: 0;
        }

        #map .state .label_icon_state {
            fill: rgb(var(--color-white-rgb)) !important;
            font-family: Arial;
            font-size: 11px;
            line-height: 12px;
            font-weight: normal;
        }

        #map .state .label_state {
            display: none;
        }

    #map .model-davi .state:hover .label_state {
        display: block;
        fill: rgb(var(--color-dark-rgb)) !important;
    }

    #map .model-davi .state .shape {
        fill: #ddd;
    }

    #map .model-davi .state:hover .shape {
        fill: rgb(var(--ibr-orange-dark)) !important;
    }

    #map .model-davi .state .icon_state {
        fill: rgb(var(--ibr-gray-medium));
    }
    #map .model-davi .state .icon_state.active {
        fill: rgb(var(--ibr-orange));
    }

    #map .model-davi .state:hover .icon_state {
        fill: rgb(var(--ibr-orange-dark));
    }

    #map .model-davi .state .icon_state + .label_icon_state {
        fill: rgb(var(--color-white-rgb)) !important;
    }

    #map .model-davi .state:hover .icon_state + .label_icon_state {
    }

    #map .model-davi .state .label_icon_state {
        fill: #666;
    }

    #map .model-davi .state:hover .label_icon_state {
        fill: #FFF;
    }

    #map .model-davi .state .label_state {
        fill: #666;
        display: none;
    }

    #map .model-davi .state .shape {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    #map .model-davi .state:hover .shape {
        fill: rgb(var(--ibr-orange-dark));
    }

    .parca select {
        display: none;
    }
  

@media(max-width: 991px) {
    .parceiros .two .parca .estado {
        display: block;
        margin: 45px auto;
        float: none;
        position: absolute;
        left: 0;
        right: 0;
        min-width: 160px;
        max-width: 306px;
    }
}

@media(max-width: 500px) {
    .box-mapa {
        display: none;
    }

    .parca select {
        display: block;
    }
}

@media screen and (min-width: 1200px){
    .grid__representantes {
        grid-template-columns: 1fr 2fr;
        /*grid-template-areas: "texto mapa" "resultado mapa";*/
        grid-template-areas: "resultado mapa";
    }
}

