.body-main {

    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 15px;
    max-width: 1824px;
    margin: 0 24px;


}

.container-comparativo {
    display: flex;
    flex-wrap: wrap;


}

#iComparativo {
    display: flex;
    width: 100%;
    height: 680px;
    flex-wrap: wrap;



}

.legend-select {
    font-size: 26px;
    color: #192844;
    text-align: center;
    padding: 10px;


}

.cont-legend-comparativo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.containerMenu {
    display: flex;
    justify-content: center;
    gap: 20px;
    /* border: solid; */
    margin: 0 14px;
}

.content-ftrs-compartv{
    display: flex;
    flex-direction: column;
    padding: 10px;
    justify-content: space-between;
    /* border: solid; */
    margin: 0 auto;


}

.container-ftr-comparativo {
    display: flex;
    margin: 0px auto;
    width: 100%;
    justify-content: center;
    gap: 10px;
    /* border: solid; */




}

.ftr-cards-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-around;
    /* border: solid; */
    width: 100%;
    position: relative;
    bottom: 22px;








}


.ftr-compp {
    width: 352px;
    height: 50px;
    /* width: 100%; */
    /* border: solid; */
    position: relative;
    right: 41px;





}


.ftr-compp2 {
    width: 352px;
    height: 50px;
    /* width: 100%; */
    /* border: solid; */
    position: relative;
    right: 34px;





}


.content-kapis {

    flex-direction: row;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    bottom: 26px;


}

.container-kpiss {

    width: 1039px;
    grid-template-columns: 1fr 3fr;
    display: grid;
    gap: 19px;
    align-items: center;




}

.filtro-comp {
    height: 58px;
    width: 253px;
    display: flex;
    /* margin: 10px 136px; */
    margin: 10px auto;
    width: 100%;




}

.kapis {
    height: 91px;
    width: 418px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;

}


.content-pageComp {
    width: 100%;
}

#mainComparativo {
    /* background-image: url('../img/background.png'); */
    width: 100%;
    display: flex;

    border-radius: 15px;
    background-color: white;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 25px;
    padding: 0 25px;
    transition: transform 0.5s ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
main {
    gap: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
  }
@media (min-width: 1200px) {
    .main {
      width: 90%; /* Aumenta a largura do container em telas maiores */
    }
  }