.bannerTop{background-image: url('../img/bannerTop.webp'); background-size: cover; background-position: center; height: 100px;}
.bannerTop .bannerTop-wrapper{display: flex; /*justify-content: space-between;*/ align-items: center; flex-direction: row-reverse; height: 100px; padding: 0 20px;}
.bannerTop .bannerTop-wrapper .link-home{margin-right:auto;}
.bannerTop .bannerTop-wrapper .link-home p{font-size: 20px; font-weight: bold; color: var(--white);}
.bannerTop .bannerTop-wrapper .page h1{font-size: 22px; font-weight: bold; color: var(--darkGreen);}

.informese{height: auto; min-height: 1251px; padding: 0 20px;}
.informese .informeseWrapper .titlePagina{height: 77px; display: flex; justify-content: center; align-items: center;}
.informese .informeseWrapper .titlePagina h1{font-size: 20px; font-weight: bold; color: var(--darkGreen); text-transform: uppercase;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper{display: flex;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1{width: 66.3%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .image-area figure img{width: 100%; height: 100%; max-width: 571px; max-height: 380px; border-radius: 20px; box-shadow: 10px 10px 20px 0px #c4c4c4; margin-bottom: 33px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .title h1{width: 50.6%; font-size: 20px; font-weight: bold; color: var(--darkGreen);}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .Author-date{display: flex; align-items: center; margin-bottom: 41px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .Author-date .author{margin-right: 47px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .Author-date .author p, .informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .Author-date .date h2{font-size: 16px; font-weight: normal; color: #6a6a6a; display: flex; align-items: center;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .Author-date .author p::before{content: "\e905"; font-family: 'icomoon'; font-size:32px; color: var(--darkGreen); margin-right: 5px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .Author-date .date h2::before{content: "\e904"; font-family: 'icomoon'; font-size: 24px; color: var(--darkGreen); margin-right: 5px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .columnText{overflow-wrap: anywhere;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .columnText p{color: #6a6a6a; font-weight: normal; margin-bottom: 5%; max-width: 86.5%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .socialMidia{margin-bottom: 112px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .socialMidia ul{list-style: none;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .socialMidia ul span{font-weight: bold; color: var(--darkGreen); text-transform: uppercase;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .socialMidia ul .midias{display: flex; align-items: center; margin-top: 2%; background-color: var(--green); border-radius: 5px; height: 50px; padding: 0 20px; width: 88%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .socialMidia ul .midias li i{padding-right: 20px; color: var(--white); font-size: 20px;}

.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .column2Wrapper{display: flex; flex-direction: column; flex-wrap: wrap-reverse; align-items: end;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top{width:100%;max-width: 397px; height: auto; min-height: 725px; background-color: #d7d7d7; border-radius: 10px; padding: 0 20px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .title{display: flex; align-items: center; height: 71px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .title span{color: var(--darkGreen); font-size: 18px; font-weight: bold; margin-left: 7px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .form{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 51px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .form input{padding: 10px 12px; border-radius: 10px; width: 100%; height: 35px; border: none;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .form i{position: absolute; font-size: 14px; color: #595959; margin-right: 20px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .news h4{font-size: 18px; color: var(--darkGreen); font-weight: bold; margin-bottom: 28px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .news ul{list-style: none;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .news ul li{display: flex; font-size: 16px; font-weight: normal; color: #6a6a6b; padding-bottom: 56px; width: 80%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .news ul li .text{display: flex;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .news ul li .text i{content: "\e926"; font-family: 'icomoon'; font-size: 25px; color: var(--darkGreen); margin-right: 20px; margin-top: 2%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .box-top .holder{display: flex; justify-content: center;}

.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper{width: 398px; height: 346px; background-color: var(--gray); border-radius: 10px ; margin-top: 44px; margin-bottom: 61px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .title{border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: var(--green); height: 67px; display: flex; align-items: center; text-align: center; padding: 12px 75px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .title h3{color: var(--white); line-height: 1.2; font-size: 18px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper{padding: 0 46px; margin-top: 24px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .name label, .informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .whats label{color: var(--darkGreen); font-weight: bold; margin-left: 8px; margin-bottom: 7px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .whats{margin-top: 24px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .name input{width: 95.3%; border-radius:10px; height: 41px; padding: 13px 13px; border: none; box-shadow: 5px 4px 15px 1px #c2c2c2;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .whats .whatsInput input{width: 75.8%; border-radius:10px; height: 41px; padding: 13px 13px; border: none; box-shadow: 5px 4px 15px 1px #c2c2c2;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .whats .whatsInput button{width: 39px; height: 40px; border-radius: 10px; border: none; margin-left: 15px; cursor: pointer;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .whats .whatsInput button i{font-size: 19px; color: var(--darkGreen);}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper .whats .whatsInput button i:hover{text-decoration: underline;}

.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .termos .content .text-right span{margin-left: 6px; color: #6d6d6d; position: relative; bottom: 4px; font-size: 12px;cursor:pointer;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .termos .content .text-right a{text-decoration: underline; font-weight: bold; font-size: 12px;cursor:pointer;}



.bannerBottom-area .banner-bottom-wrapper .bannerBottom .text h2::after{width: 391px !important;}

@media(max-width: 992px) {
    .bannerTop {
        margin-top: 105px;
    }
}

@media(max-width: 1024px) {
    .informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .image-area figure img{
        max-width: 525px;
    }
    .footer #greenBar {
        width: 97% !important;
    }
    .bannerTop .bannerTop-wrapper .link-home p{font-size: 25px;}
}

@media (min-width: 200px) and (max-width: 1000px){
/*.bannerTop{margin-top: 105px;}*/
.bannerTop .bannerTop-wrapper .link-home p{font-size: 14px;}
.bannerTop .bannerTop-wrapper .page h1{font-size: 14px; text-align: center;}
.informese .informeseWrapper .titlePagina h1{text-align: center;}    
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper{flex-direction: column;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1, .informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .column1Infos .column1InfosWrapper .title h1, .informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .columnText p, .informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper, .informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .socialMidia ul .midias{width: 100%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column1 .columnText p{max-width: 100%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper{margin-bottom: 10%;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .column2Wrapper{flex-wrap: nowrap; align-items: center;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .title{padding: 12px 46px;}
.informese .informeseWrapper .columnsContainer .columnsContainerWrapper .column2 .boxBottom .boxBottomWrapper .form .formWrapper{padding: 0 29px;}
.banner-bottom-wrapper{height: auto !important; text-align: center; padding: 20px 20px !important;}
.bannerBottom-area .banner-bottom-wrapper .bannerBottom .text h2::after{display: none;}
}