.bg-white {
    background-color: #fff !important;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

#google_translate_element {
    display: none;
}

.titulo-h3 {
    padding-top: 12px;
    font-size: 55px;
    font-weight: bolder;
    line-height: 50px;
}

#div1 ul li {
    color: white;
    font-size: 90%;
}

.geo-azul {
    background-color: #CEEBFE;
    color: white;
    border-radius: 20px;
    padding-left: 5%;
    margin-right: 5px;
    margin-left: 29px;
}

.geo-azul2 {
    background-color: #CEEBFE;
    color: white;
    border-radius: 20px;
    margin: 5px;
    margin-right: 71px;
    margin-top: -112px;
    margin-left: 120px;
}

.geo-azul2 ul {
    margin-top: 10px;
}

.geo-azul2 li {
    color: #1F7EC2 !important;
}



i.featured-icon {
    color: #1F7EC2;
    font-size: 40px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-left: 46%;
    background-color: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

i.fa {
    text-decoration: none !important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.texto-azul i {
    color: black;
}


.titulo-geo-estrat {
    background-color: #1F7EC2;
    border-radius: 23px;
    text-align: center;
    padding: 20px;
    margin: 20px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
}

.texto-azul .icon {
    color: black;
}


.titulo-geo-estrat .um {
    color: white;
    padding: 40px;
}



.titulo-geo-estrat .dois {
    color: white;
    padding: 40px;
}

.est-digital {
    color: white;
    border-radius: 5px;
}

.titulo-est-digital {
    background-color: #1F7EC2;
    border-radius: 23px;
    margin-bottom: 20px;
}

.titulo-est-digital .um {
    color: white;
    padding: 76px;
}

.titulo-est-digital .dois {
    color: white;
    padding: 25px;
}



.titulo-gov .um {
    color: #A3D1F2;
    padding: 57px;
    padding-top: 64px;
}

.titulo-gov .dois {
    color: #A3D1F2;
    padding: 25px;
}


i.featured-icon2 {
    color: #1F7EC2;
    margin: -10px 20px;
    padding: 0;
    display: inline-block;
    font-size: 58px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    position: relative;
    background-color: #A3D1F2;
    border: #A3D1F2 1px solid;
    text-align: center;
    -webkit-border-radius: 15%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}


.solar {
    background-color: #CEEBFE;
    border-radius: 7px;
    margin-top: 68%;
    padding: 16px;
    width: 400px;
    margin-bottom: 23px;
}

.tabela {
    background-color: #CEEBFE;
    border-radius: 15px;
    padding: 19px;
    min-height: 234px;
    margin-left: 98px;
    margin-top: 49px;
    color: #1F7EC2;
    width: 50%;
}

.tabela2 {
    background-color: #CEEBFE;
    border-radius: 15px;
    padding: 19px;
    min-height: 218px;
    margin-left: 98px;
    margin-top: 50px;
    color: #1F7EC2;
    width: 71%;
}

.fonte-menor {
    font-size: 13px;
}

.fonte-menor td {
    border-bottom: 1px solid #AFB0AD;
}

.infos {
    font-size: 15px;
    background-color: #A3D1F2;
    border: 4px solid #A3D1F2;
    border-radius: 10px;
}

.solar2 {
    background-color: #FFFFFF;
    border-radius: 7px;
    padding: 10px 12px 3px 14px;
    max-width: 300px;
    position: relative;
}

.img-tabela {
    background-image: url(/fevers/assets/images/floresta-tabela.jpg);
    background-size: cover;
    padding-bottom: 28px;
    border-radius: 15px;
}

.hidrica {
    padding-right: 80px;
    padding-left: 80px;
}

.porcentagem-hidrica {
    font-size: 106px;
    font-weight: 900;
}

.edu {
    background-color: #D2D2D1;
    border-radius: 7px;
    margin-top: 6px;
    padding: 50px;
}

.edu-pit {
    background-color: #D2D2D1;
    border-radius: 7px;
    padding-left: 6%;
    padding-top: 40px;
    padding-bottom: 40px;
}


.edu2 {
    background-color: #D2D2D1;
    border-radius: 7px;
    margin-top: 6px;
    padding: 16px;
}

.full-image {
    background-image: url('/fevers/assets/images/Mask.jpg');
    background-repeat: no-repeat;
    background-size: 100% 73%;
}

.divzona {
    background-color: #499359;
    border-radius: 7px;
    padding-top: 1%;
}

.titulo2 {
    display: inline-block;
    background-color: #CEEBFE;
    color: #52713B;
    border-radius: 15px;
    padding: 14px 35px;
    font-weight: 800;
    margin-bottom: 40px;
    margin-top: -36px;
    min-width: 230px;
}


.box {
    background-color: #CEEBFE;
    border-radius: 7px;
    text-align: center;
    min-height: 167px;
}

.verde2 {
    background-color: #5DB470;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 47px;
}

.box p {
    padding-top: 7px;
}

.espaco h2 {
    font-size: 50px;
}

.pbox {
    color: white;
    padding-bottom: 38px;
    margin-top: 26px;
}

.box2 p {
    padding-top: 3%
}

.espaco2 h2 {
    font-size: 50px;
    padding-top: 26px;
}

.overlay2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    height: 100%;
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.corverde {
    color: #52713B;
}

.fertil {
    color: white;
    font-weight: 400;
    font-size: 25px;
}

.titulo-reservas {
    background-color: #393759;
    border-radius: 23px;
    text-align: center;
    padding: 32px;
    margin-bottom: 46px;
    width: 80%;
    margin-left: 10%;
}

.infos-reservas {
    background-color: #6E5C95;
    padding: 60px;
    border-radius: 15px;
}

.box-cinza-escuro {
    background-color: #4D4F49;
    border-radius: 10px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 40px;
}

.box-cinza-escuro h2 {
    color: white;
}

.box-cinza-escuro p {
    color: white
}

.texto-azul2 {
    color: #0883B2 !important;
}

.zpe-h1 {
    font-size: 47px;
}

.vantagens {
    background-color: #0883B2;
    border-radius: 10px;
    padding: 15px;
    min-height: 383px;
    margin-bottom: 22px;
    margin-top: -23px;
}


.branco {
    color: #fff;
}

.titulo-vantagens {
    text-align: center !important;
}

i.featured-icon-vantagens {
    color: #1F7EC2;
    font-size: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    width: 65px;
    height: 65px;
    margin-bottom: 25px;
}

i.featured-icon-industrias {
    color: #1F7EC2;
    font-size: 96px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.quadrado {
    border: 3px solid #0883B2;
    border-radius: 15px;
    margin: 30px;
    padding: 40px;
}

.box-arvore {
    background-color: #1F7EC2;
    border-radius: 20px;
    text-align: center;
    padding: 40px;
    z-index: 1;
    position: relative;
    margin: 48px;
    margin-top: -113px;
}

.retangulo-azul {
    background-color: #1F7EC2;
    padding: 50px;
    border-radius: 25px;
    color: white;
}

.retangulo-hub {
    background-color: #1F7EC2;
    padding: 50px;
    border-radius: 25px;
    color: white;
    z-index: 1;
    position: relative;
    margin: 57px;
    margin-top: -170px;
    margin-bottom: -22px;
}

.retangulo-azul-claro {
    background-color: #C9E8FF;
    color: #1F7EC2;
    padding: 55px;
    text-align: center;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-left: 57px;
    margin-right: 57px;
}

.borda-azul {
    background: #1F7EC2;
    border-radius: 15px;
    min-height: 400px;
}


.quadrado-branco {
    background-color: white;
    margin: 12px;
    padding: 24px;
    border-radius: 15px;
    max-height: 328px;
}

.borda-azul h4 {
    padding-top: 10px;
}

.investimentos-infos h4 {
    font-size: 33px;
    font-weight: 800;

}

.investimentos-infos h3 {
    font-size: 50px;
    font-weight: 800;

}

.investimentos-infos p {
    font-size: 20px;
    color: #1F7EC2 !important;
    padding-bottom: 31px;
}

.box-estudos {
    background-color: #1F7EC2;
    border-radius: 18px;
    text-align: center;
    min-height: 149px;
}

.box-estudos p {
    padding-top: 7px;
    padding-bottom: 0px !important;
    color: #FFFFFF;
}


.pbox-estudos {
    color: #1F7EC2;
    padding-bottom: 25px;
    font-weight: 500;
    font-size: 18px;
}

.box-estudos h2 {
    color: #FFFFFF;
    font-size: 67px
}

.container .full-azul-claro {
    max-width: 99vw;
    background-color: #E6F5FF;
    width: 99vw;
    margin-left: calc(-50vw + 50%);

    height: 100%;
    padding: 5%;
}

.verticais {
    background-color: #1F7EC2;
    color: #E6F5FF;
    text-align: center;
    border-radius: 15px;
}

.verticais p {
    color: #E6F5FF !important;
}

.timeline {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 60px;
    margin-top: 97px;
}

.timeline::before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ffffff;
    z-index: 1;
}

.step {
    position: relative;
    width: 20%;
    text-align: center;
    z-index: 2;
}

.dot-intermodal {
    width: 30px;
    height: 30px;
    background-color: #A3D1F2;
    border-radius: 50%;
    margin: 7px auto;
    z-index: 2;
    position: relative;
}

i.intermodal-icon {
    color: #ffffff;
    margin: -49px 24px;
    padding: 0;
    display: inline-block;
    font-size: 50px;
    width: 126px;
    height: 126px;
    line-height: 122px;
    position: relative;
    background-color: #A3D1F2;
    border: #A3D1F2 1px solid;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.step p {
    margin: 2px 0;
    color: #1F7EC2;
    font-size: 14px;
    margin-top: -142px
}

.highlight {
    font-weight: bold;
    color: #1F7EC2;
}

.negocios-infos {
    background-color: #C9E8FF;
    color: #1F7EC2;
    padding: 60px;
    text-align: center;
    border-radius: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

.negocios-infos p {
    color: #1F7EC2;
    text-align: left;
}

.esquerda {
    color: #1F7EC2;
    margin-top: -85px !important;
    margin-right: 180px;
}

.direita {
    color: #1F7EC2;
    margin-left: 180px;
    margin-top: -85px !important;
}

i.icon-servicos {
    color: #FFFFFF;
    margin: 27px 68px;
    display: inline-block;
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    position: relative;
    background-color: #1F7EC2;
    border: #1F7EC2 1px solid;
    text-align: center;
    -webkit-border-radius: 27%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}


.titulo-serv-oferecidos {
    margin-bottom: 36px;
}

.suporte-legal {
    background-color: #C9E8FF;
    color: #1F7EC2;
    padding: 30px 76px 30px 76px;
    text-align: center;
    border-radius: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

.suporte-legal p {
    color: #1F7EC2;
    text-align: left;
}

.texto-verde {
    color: #405B2F;
}

.cor-fundo-verde {
    background-color: #405B2F;
    border-radius: 20px;
}

.botao-cinza {
    display: inline-block;
    background-color: rgb(77, 79, 73);
    color: rgb(247, 247, 247);
    border-radius: 6px;
    padding: 13px 28px;
    font-size: 14px;
}

.background-cinza-claro {
    background-color: #F2F2F0;
    border-radius: 20px;
}

.texto-cinza {
    color: #555555;
}

.titulo-castanha {
    line-height: 70px;
    font-size: 74px;
    margin-top: 60px;
}

.img-agro {
    z-index: 21;
    margin-bottom: -38px;
    position: relative;
    padding: 0px;
}

.titulo3 {
    display: inline-block;
    background-color: #CEEBFE;
    color: #52713B;
    border-radius: 15px;
    padding: 14px 35px;
    font-weight: 800;
    margin-bottom: 40px;
    margin-top: 10px;
    min-width: 230px;
    z-index: 100;
    position: relative;
}


.box3 {
    background-color: #CEEBFE;
    border-radius: 18px;
    text-align: center;
    min-height: 167px;
}


.verde {
    background-color: #5DB470;
    border-radius: 18px;
    text-align: center;
    margin-bottom: 26px;
}

.pbox3 {
    color: #FFCCAE;
    padding-bottom: 38px;
    margin-top: 26px;
}

.pbox3-cinza {
    color: white;
}

.box3 h2 {
    color: #52713B;
}

.fontemi {
    font-size: 22px;
}


.box3 p {
    padding-top: 24px;
    padding-bottom: 0px !important;
    color: #52713B !important;
}

.titulo-verde {
    text-align: center;
    background-color: #78C300;
    margin-left: 40%;
    margin-right: 43%;
    border-radius: 10px;
    margin-top: 1%;
}

.titulo-verde p {
    padding-top: 5%;
    padding-bottom: 5%;
    color: white;
}

.box-verde {
    background-color: #FFFF;
    border-radius: 7px;
    text-align: center;
    min-height: 167px;
}

.box-verde p {
    padding-top: 16px;
}

.verde-claro {
    background-color: #78C300;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 47px;
}

.box-tabuleiros {
    background-color: #1F7EC2;
    border-radius: 18px;
    text-align: center;
    min-height: 167px;
}


.azul {
    background-color: #A3D1F1;
    border-radius: 18px;
    text-align: center;
    margin-bottom: 47px;
}

.box-tabuleiros p {
    padding-top: 7px;
    padding-bottom: 0px !important;
    color: #FFFFFF;
}


.pbox-tabuleiros {
    color: #1F7EC2;
    padding-bottom: 38px;
    margin: 0;
    margin-top: 26px;
    font-weight: 500;
    font-size: 18px;
}


.cor-fundo-azul {
    background-color: #CEEAFE;
    border-radius: 20px;
}

.box-tabuleiros h2 {
    color: #FFFFFF;
}

.box-projetos {
    background-color: #1F7EC2;
    border-radius: 18px;
    text-align: center;
    min-height: 230px;
}

.box-projetos p {
    padding-top: 7px;
    color: #FFFFFF;
    font-size: 22px;
    padding-bottom: 18px;

}

.pbox-projetos {
    color: #1F7EC2;
}

.box-projetos h2 {
    color: #FFFFFF;
}

.municipios {
    background-color: #FFFFFF;
    border-radius: 18px;
    min-height: 258px;
}

.municipios p {
    text-align: left;
    padding: 0px 0 10px 54px;
    font-size: 20px;
}

.municipios h4 {
    padding: 70px 0 5px 53px;
    text-align: left;
    font-size: 27px;
}

.fundo-branco {
    background-color: #FFFFFF;
    margin: 0;
    margin-bottom: 47px;
    border-radius: 18px;
}

.azul-municipio {
    background-color: #A3D1F1;
    border-radius: 18px;
    text-align: center;
}

.titulo-gov {
    background-color: #1F7EC2;
    border-radius: 23px;
    margin-bottom: 81px;
}

.card-gov {
    margin-top: 40px;
}

.card-gov h3 {
    color: #1F7EC2;
    margin-left: 220px;
    font-size: 30px;
}

.informacoes h3,
.azulh4 {
    color: #1F7EC2;
}

.azulh4 {
    margin-left: 45px;
}

.informacoes i {
    color: black;
    margin: 10px;
    font-size: 41px;
}

.startup h3 {
    color: white
}

.startup {
    background-color: #1F7EC2;
    border-radius: 23px;
    margin-bottom: 20px;
    padding: 16px;
    position: relative;
    z-index: 21;
    margin-top: -90px;
}

.back-azul {
    background-color: #A3D1F2;
    border-radius: 15px;
}

.back-azul img {
    background-color: #A3D1F2;
    margin-top: 35px;
    position: relative;
    z-index: 0;
    margin-bottom: 10px;
}

.titulo-h32 {
    font-size: 48px;
    font-weight: bolder;
    line-height: 50px;
    padding: 30px;
}

.container .full-azul {
    max-width: 99vw;
    background-color: #CEEBFE;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-verde-hub {
    max-width: 99vw;
    background-color: #43A0AE;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-cinza {
    max-width: 99vw;
    background-color: #E9E9E9;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-marrom {
    max-width: 99vw;
    background-color: #E8CEAD;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-image {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/Mask.jpg');
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-image-saude-digital {
    max-width: 99vw;
    background-image: url(/fevers/assets/images/saude-digital2.jpg);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
    background-size: cover;
    background-repeat: no-repeat;
}

.container .full-image-ferro {
    max-width: 99vw;
    background-image: url(/fevers/assets/images/ferro.png);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 13%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .full-image-opala {
    max-width: 99vw;
    background-image: url(/fevers/assets/images/opala.png);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 13%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .full-image-niquel {
    max-width: 99vw;
    background-image: url(/fevers/assets/images/niquel.jpg);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 13%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .full-image-potacio {
    max-width: 99vw;
    background-image: url(/fevers/assets/images/potacio.png);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 13%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .full-image-diamante {
    max-width: 99vw;
    background-image: url(/fevers/assets/images/diamante2.jpg);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 13%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .full-image-startups {
    max-width: 99vw;
    background-image: url('/fevers/conteudo/upload/fcd571f5b94eb03c393f0413349d72573137f0d9-r617ba.jpg');
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 27%;
}

.container .full-preto {
    max-width: 99vw;
    background-color: #212121;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-verde {
    max-width: 99vw;
    background-color: #499359;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-image-reservas {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/reservas.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;

}

.container .full-maca {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/maca.jpeg');
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-musgo {
    max-width: 99vw;
    background-color: #59A700;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-azuldark {
    max-width: 99vw;
    background-color: #1F7EC2;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-cinzaclaro {
    max-width: 99vw;
    background-color: #F2F2F0;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-bege {
    max-width: 99vw;
    background-color: #F1EEE5;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-marromescuro {
    max-width: 99vw;
    background-color: #AA6A24;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-image-estdigital {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/estado-digital-nova.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
    background-size: 100% auto;
}

.container .full-image-reservas3 {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/reservas3.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-prodgrao {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/producaograo.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 17%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-destaqpecuaria {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/destaqpecuaria.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 17%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-cultdiv {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/cultdiv.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 189px;
    background-position: bottom;
    background-size: 100%;
}


.container .full-image-tabuleiros {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/tabuleiros.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 189px;
    background-position: bottom;
    background-size: 100%;
}

.container .full-verdecultdiv {
    max-width: 99vw;
    background-color: #52713B;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-verdetabuleiros {
    max-width: 99vw;
    background-color: #C3DDDE;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-cinzatechub {
    max-width: 99vw;
    background-color: #DAE5F0;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
}

.container .full-image-investacompanhado {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/investacompanhado.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 189px;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-estradas {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/estradas.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 14%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-techub {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/techub.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 14%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-portopi {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/portopi.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 25%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-verticais-proj {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/verticais-proj.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 25%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-etapas-proj {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/etapas-proj.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 25%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-locparq {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/locparq.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 25%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-municipios {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/municipios.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 25%;
    background-position: bottom;
    background-size: 100%;
}

.container .full-image-familiatec {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/familiatec2.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 19%;
    background-size: 100%;
}

.sem-negrito {
    font-weight: 400;
}

.texto-azul {
    color: #1F7EC2;
}

.clearfix {
    margin-left: 10px !important;
}

.titulo-crescimento {
    padding-top: 12px;
    font-size: 57px;
    font-weight: bolder;
    line-height: 55px;
}

i.featured-icongov {
    color: #1F7EC2;
    font-size: 80px;
    -webkit-border-radius: 15%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.img-inovacao {
    width: 381px;
    height: 250px;
}

.card-inovação {
    background-color: #1F7EC2;
    border-radius: 25px;
    width: 56%;
    margin-left: 19%;
    margin-bottom: 28px;
    padding: 22px 36px 32px 37px;
}

.borda-energia {
    border: solid 3px #1F7EC2;
    border-radius: 15px;
    padding: 72px;
    text-align: center
}

.borda-menor {
    border: solid 3px #1F7EC2;
    border-radius: 15px;
    padding: 17px 62px 61px 62px;
    min-height: 333px;
}

.numero-energia {
    font-size: 95px
}

.sao-goncalo {
    background-color: #1F7EC2;
    border-radius: 15px;
    text-align: center;
    position: relative;
}

.sao-goncalo h3 {
    color: #CEEBFE;
    font-size: 60px;
}

.sao-goncalo h4 {
    color: #CEEBFE;
    font-size: 28px;
    margin-bottom: 45px;
}

.sao-goncalo p {
    color: #CEEBFE;
}

.titulo-parque {
    display: inline-block;
    background-color: #1F7EC2;
    color: #CEEBFE;
    border-radius: 15px;
    padding: 14px 35px;
    font-weight: 800;
    margin-top: 50px;
    z-index: 21;
    position: relative;
    border: solid 2px white;
}

/* Contêiner principal para todos os gráficos */
.dashboard-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* Alinha todos os gráficos pela base */
    flex-wrap: wrap;
    /* Permite que os gráficos quebrem para a linha de baixo em telas pequenas */
    gap: 50px;
    /* Espaço entre os gráficos */
}

/* Wrapper para cada grupo de gráfico */
.chart-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Estilo especial para o gráfico destacado no centro */
.chart-wrapper.highlighted {
    background-color: #ffffff;
    padding: 40px 30px;
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    /* Levanta o card um pouco para dar o efeito de destaque */
    transform: translateY(-20px);
}

/* Contêiner que segura as barras */
.bars-container {
    display: flex;
    align-items: flex-end;
    /* Alinha as barras pela base */
    gap: 18px;
    /* Espaço entre as barras */
    height: 250px;
    /* Altura fixa para o contêiner, para que as barras cresçam de baixo para cima */
    margin-bottom: 10px;
}

/* Wrapper para uma barra individual e seu rótulo */
.bar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Rótulo numérico acima da barra */
.label {
    font-size: 0.8rem;
    color: #333;
    margin-bottom: 6px;
    font-weight: bold;
}

/* Estilo base da barra vertical */
.bar {
    width: 30px;
    border-radius: 5px;
}

/* Cores das barras */
.bar-blue {
    background-color: #4a7ac4;
}

.bar-orange {
    background-color: #e68a49;
}

.bar-green {
    background-color: #6c9447;
}

/* Título do gráfico (ex: "1º MG") */
.chart-title {
    font-size: 0.9rem;
    color: #555;
    font-weight: bold;
}

/* Caixa amarela com o total */
.total-box {
    margin-top: 8px;
    background-color: #fde56d;
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #333;
}

.legend-container {
    display: flex;
    justify-content: center;
    gap: 50px;
}

/* Cada item individual da legenda (caixa de cor + texto) */
.legend-item {
    display: flex;
    flex-direction: column;
    /* Empilha a caixa de cor e o texto verticalmente */
    align-items: center;
    /* Centraliza a caixa e o texto horizontalmente */
    text-align: center;
    /* Garante que o texto de múltiplas linhas fique centralizado */
    max-width: 120px;
    /* Define uma largura máxima para que textos longos quebrem a linha */
}

/* A caixa retangular colorida (amostra de cor) */
.color-swatch {
    height: 35px;
    margin-bottom: 15px;
    /* Espaço entre a caixa de cor e o texto abaixo */
}

/* Classes de cor para as amostras */
.swatch-green {
    background-color: #6c9447;
}

.swatch-blue {
    background-color: #0b84cb;
}

.swatch-orange {
    background-color: #e68a49;
}

.swatch-yellow {
    background-color: #fde56d;
}

/* O rótulo de texto */
.legend-label {
    color: #297cb6;
    /* Cor azul para o texto */
    font-size: 1.3rem;
    /* Tamanho da fonte */
    line-height: 1.2;
    /* Melhora o espaçamento entre linhas para textos longos */
}

.card-eletricidade {
    border-radius: 25px;
    color: #1F7EC2;
    margin-bottom: 66px;
    width: 43%;
    margin-left: 29%;
    margin-top: 20px;
}

i.icon-eletricidade {
    color: #1F7EC2;
    margin: 0px -31%;
    display: inline-block;
    font-size: 50px;
    -webkit-border-radius: 27%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    margin-left: -28%;
}

.titulo-lagoa {
    display: inline-block;
    background-color: #1F7EC2;
    color: #CEEBFE;
    border-radius: 15px;
    padding: 14px 35px;
    font-weight: 800;
    margin-top: 50px;
    z-index: 21;
    position: relative;
    border: solid 2px white;
}

.lagoa-ventos {
    background-color: #1F7EC2;
    border-radius: 15px;
    text-align: center;
    position: relative;
    margin-top: -35px;
}

.lagoa-ventos h3 {
    color: #CEEBFE;
    font-size: 60px;
}

.lagoa-ventos h4 {
    color: #CEEBFE;
    font-size: 28px;
    margin-bottom: 45px;
}

.lagoa-ventos p {
    color: #CEEBFE;
}

.investimentos-estimados {
    background-color: #1F7EC2;
    border-radius: 15px;
    text-align: center;


}

.investimentos-estimados h3 {
    color: #CEEBFE;
    font-size: 60px;
}

.investimentos-estimados h4 {
    color: #CEEBFE;
    font-size: 28px;
    margin-bottom: 45px;
}

.empregos {
    width: 60%;
}


i.icon-empregos {
    color: #1F7EC2;
    margin: -5px 0;
    display: inline-block;
    font-size: 42px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    position: relative;
    text-align: center;
    -webkit-border-radius: 27%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    margin-left: -28%;
}

.borda-energias h3 {
    font-size: 60px;
}

.borda-energias h4 {
    padding-top: 28px;
}

.borda-energias {
    width: 60%;
}

.featured-icon-intermodal {
    font-size: 60px;
    color: #1F7EC2;
}

.container .full-image-startups {
    max-width: 99vw;
    background-image: url(/fevers/conteudo/upload/fcd571f…-r617ba.jpg);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 27%;
    background-size: cover;
    background-repeat: no-repeat;
}

.full-image-turismo-delta {
    max-width: 99vw;
    background-image: url(/fevers/conteudo/upload/captura-de-tela-2025-07-14-121445-s8bw8z.png);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 8%;
    background-size: cover;
    background-repeat: no-repeat;
}

.full-image-turismo-litoral {
    max-width: 99vw;
    background-image: url(/fevers/conteudo/upload/captura-de-tela-2025-07-14-123533-ph8as1.png);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 8%;
    background-size: cover;
    background-repeat: no-repeat;
}


.full-image-turismo-museu {
    max-width: 99vw;
    background-image: url(/fevers/conteudo/upload/captura-de-tela-2025-07-14-124219-vhsozc.png);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 8%;
    background-size: cover;
    background-repeat: no-repeat;
}

.full-image-turismo-parque {
    max-width: 99vw;
    background-image: url(/fevers/conteudo/upload/687506cd669dea26ec72984de63adc822038d03d-7z3bo7.jpg);
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 8%;
    background-size: cover;
    background-repeat: no-repeat;
}


@media (max-width: 700px) {
    #form_site .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .competitivas-mob {
        font-size: 26px;
        line-height: 36px;
    }

    .clearfix {
        margin-left: 5px;
    }

    .img-out {
        width: 50%;
        position: absolute;
        left: 2%;
        margin-top: -7%;
        max-width: 800px;
    }

    .geo-azul {
        background-color: #CEEBFE;
        color: white;
        border-radius: 20px;
        padding-left: 5%;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: -2px;
    }

    .geo-azul2 {
        background-color: #CEEBFE;
        color: white;
        border-radius: 20px;
        margin: 5px;
        margin-top: 10px;
    }

    .titulo-geo-estrat {
        background-color: #1F7EC2;
        border-radius: 23px;
        text-align: center;
        padding: 11px;
        margin: -20px;
        margin-bottom: 45px;
    }

    .mob-ver2 {
        color: #A3D1F2;
        padding: 34px;
    }

    .titulo-h32 {
        font-size: 34px;
        font-weight: bolder;
        line-height: 50px;
        padding: 2px;
    }

    .titulo-h3 {
        padding-top: 12px;
        font-size: 45px;
        font-weight: bolder;
        line-height: 50px;
    }

    .number {
        padding-top: 12px;
        font-size: 33px;
        font-weight: bolder;
        line-height: 50px;
    }

    .informacoes i {
        color: black;
        margin: 10px;
        font-size: 26px;
    }

    .hidrica {
        padding-right: 0;
        padding-left: 0;
    }

    .porcentagem-hidrica {
        font-size: 85px;
        font-weight: 900;
    }

    .img-tabela {
        background-image: none;
        background-size: cover;
        padding-bottom: 28px;
        border-radius: 15px;
        margin-top: -47px;
    }

    .solar2 {
        background-color: #FFFFFF;
        border-radius: 7px;
        padding: 20px;
        max-width: 343px;
        float: right;
        position: relative;
        top: -3%;
        right: 6px;
    }



    .infos {
        font-size: 15px;
        background-color: #A3D1F2;
        border: 4px solid #A3D1F2;
        border-radius: 10px;
    }

    .tabela2 {
        background-color: #CEEBFE;
        border-radius: 15px;
        padding: 19px;
        min-height: 236px;
        margin-left: 0px;
        margin-top: 50px;
        color: #1F7EC2;
        width: 100%;
    }

    .full-image {
        background-size: 100% 20%;
    }

    .overlay2 {
        top: 63px;
        font-size: 2rem;

    }

    .info-title {
        font-size: 1.5rem !important;
    }

    .fertil {
        font-weight: 400;
        font-size: 17px;
        color: white;
        text-align: left;
        line-height: 19px;
        margin-top: -29px;
    }

    .titulo-reservas {
        width: 97%;
        margin-left: 4px;
        padding: 7px;
        margin-bottom: -9px;
    }

    .infos-reservas {
        padding: 13px;
    }

    .container .full-image-reservas2 {
        background-position: top;
        background-size: 1110px;
    }

    .zpe-h1 {
        font-size: 33px;
    }

    .box-arvore {
        background-color: #1F7EC2;
        border-radius: 20px;
        text-align: center;
        padding: 12px;
        z-index: 1;
        position: relative;
        margin: -1px;
        margin-top: -35px;
    }

    .box-arvore h4 {
        font-size: 19px !important;
    }

    .titulo-mob {
        font-size: 34px;
    }

    .retangulo-azul h4 {
        font-size: 15px;
    }

    .retangulo-azul {
        padding: 27px;
    }

    .retangulo-hub {
        background-color: #1F7EC2;
        padding: 16px;
        border-radius: 25px;
        color: white;
        z-index: 1;
        position: relative;
        margin: 0;
        margin-top: -87px;
        margin-bottom: -49px;
    }

    .retangulo-hub h4 {
        font-size: 15px;
    }

    .retangulo-azul-claro {
        padding: 50px;
        margin: 0;
    }

    .retangulo-azul-claro h3 {
        font-size: 34px;
    }

    .retangulo-azul-claro h4 {
        font-size: 16px;
    }

    .quadrado-branco {
        background-color: white;
        margin: 7px;
        padding: 2px;
        border-radius: 15px;
        max-height: 316px;
    }

    .borda-azul {
        background: #1F7EC2;
        border-radius: 15px;
        min-height: 382px;
        margin-bottom: 15px;
    }

    .investimentos-infos h3 {
        font-size: 41px;
        font-weight: 800;
    }

    .investimentos-infos h4 {
        font-size: 26px;
        font-weight: 800;

    }

    .investimentos-infos h3 {
        font-size: 41px;
        font-weight: 800;
    }

    .titulo-ambiente-mobile {
        font-size: 42px;
    }

    .negocios-infos {
        background-color: #C9E8FF;
        color: #1F7EC2;
        padding: 28px;
        text-align: center;
        border-radius: 20px;
        margin-left: -1px;
        margin-right: 10px;
    }

    .suporte-legal {
        background-color: #C9E8FF;
        color: #1F7EC2;
        padding: 18px 35px 18px 35px;
        text-align: center;
        border-radius: 20px;
        margin-left: 13px;
        margin-right: 13px;
    }

    .mob-ver2 {
        color: #A3D1F2;
        padding: 34px;
    }

    .titulo-gov .um {
        padding: 30px;
        padding-top: 60px;
    }

    .titulo-gov {
        background-color: #1F7EC2;
        border-radius: 18px;
        margin-bottom: 81px;
        margin-top: -34px;
    }

    .card-gov h3 {
        color: #1F7EC2;
        margin-left: 134px;
        font-size: 23px;
        margin-top: -51px;
    }


    .number {
        padding-top: 12px;
        font-size: 33px;
        font-weight: bolder;
        line-height: 50px;
    }

    .informacoes i {
        color: black;
        margin: 10px;
        font-size: 26px;
    }

    .back-azul img {
        margin-bottom: 100px;
    }

    .titulo-crescimento {
        padding-top: 12px;
        font-size: 52px !important;
        font-weight: bolder;
        line-height: 55px;
    }

    i.featured-icongov {
        color: #1F7EC2;
        margin: -25px 15px;
        padding-top: -24px;
        display: inline-block;
        font-size: 47px;
        width: 100px;
        height: 100px;
        line-height: 102px;
        position: relative;
        text-align: center;
        -webkit-border-radius: 15%;
        -moz-border-radius: 50%;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
    }

    .vantagens {
        background-color: #0883B2;
        border-radius: 10px;
        padding: 15px;
        min-height: 262px;
        margin-bottom: 22px;
        margin-top: -23px;
    }

    .titulo-parque {
        display: inline-block;
        background-color: #1F7EC2;
        color: #CEEBFE;
        border-radius: 15px;
        font-weight: 800;
        margin-top: 50px;
        margin-left: -43px;
        z-index: 21;
        position: relative;
        border: solid 2px white;
        margin-right: -53px;
    }

    .legend-container {
        display: flex;
        justify-content: center;
        gap: 50px;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-around;
    }

    i.icon-eletricidade {
        color: #1F7EC2;
        margin: -17px 0px;
        display: inline-block;
        font-size: 47px;
        width: 82px;
        height: 82px;
        line-height: 80px;
        position: relative;
        text-align: center;
        -webkit-border-radius: 27%;
        -moz-border-radius: 50%;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        margin-left: -7%;
    }

    .card-eletricidade {
        border-radius: 25px;
        color: #CEEBFE !important;
        margin-bottom: 30px;
        padding: 4px 7px 39px 10px;
        width: 65%;
        margin-left: 16%;
    }

    .borda-energias {
        border: 3px solid #1F7EC2;
        border-radius: 25px;
        padding: 20px;
        margin-bottom: 20px;
        width: 302px;
        margin-left: -50px;
    }

    .empregos {
        background-color: #1F7EC2;
        border-radius: 25px;
        color: #CEEBFE;
        width: 92%;
        left: -51px;
        padding: 34px;
        position: relative;
        z-index: 21;
        margin-bottom: -42px;
    }

    .borda-energias h4 {
        padding-top: 28px;
        text-align: center;
    }

    i.icon-empregos {
        color: #1F7EC2;
        margin: -5px 0px;
        display: inline-block;
        font-size: 42px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        position: relative;
        text-align: center;
        -webkit-border-radius: 27%;
        -moz-border-radius: 50%;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        margin-left: 31%;
    }

    .borda-energias h3 {
        font-size: 60px;
        text-align: center;
    }

    .card-inovação {
        background-color: #1F7EC2;
        border-radius: 25px;
        width: 93%;
        margin-left: 4%;
        margin-bottom: 28px;
        padding: 18px 21px 29px 34px;
    }

    .legend-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        max-width: 62px;
        /* font-size: 10px; */
    }

    .legend-label {
        color: #297cb6;
        font-size: 16px;
        line-height: 16px;
    }

    .hide-mobile {
        display: none !important;
    }

}

@media (min-width: 700px) {
    .hide-desktop {
        display: none !important;
    }

}

@media (min-width: 40rem) {
    .column.full {
        width: 100%;
        position: relative;
    }
}