.engloba-banner{width: 100%; float: left; background: url(../img/demonstracoes-financeiras/banner-demonstracoes.jpg)no-repeat center var(--azul);margin-bottom: 66px;}
.engloba-banner .alinha-banner{width: calc(100% - 70px); margin: 0 35px; height: 236px; display: flex; align-items: center;}
.engloba-banner .alinha-banner p{font: 40px roboto-black; color: var(--branco);text-transform: uppercase; letter-spacing: 5px; line-height: 45px;}

.engloba-demonstracoes {width: 100%; float: left;margin-bottom: 116px;}
.alinha-demonstracoes {width: calc(100% - 70px);margin: 0px 35px; display: flex; flex-wrap: wrap; gap: 35px 38px;}
.alinha-demonstracoes .ano{width: fit-content; padding: 14px 30px; background: var(--laranja-inst); font: 29.9px roboto-bold; color: var(--branco); line-height: 24px;border-radius: 17px;}
.alinha-demonstracoes .ano:hover{transition: 0.3s; background: var(--azul); transform: scale(1.03); box-shadow: 0 0 4px 0 #bdbdbd;}


.engloba-agregado {width: 100%; float: left; background: #003772; background: linear-gradient(253deg, rgba(0,83,167,1) 0%, rgba(0,83,167,1) 9%, rgba(0,55,114,1) 23%, rgba(0,55,114,1) 79%, rgba(0,83,167,1) 91%, rgba(0,83,167,1) 100%);}
.alinha-agregado {width: calc(100% - 70px);margin: 0px 35px; height: 287px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.alinha-agregado .title-agregado {display: flex; align-items: center; justify-content: center; background: url(../img/index/hashtag.png)no-repeat left center; padding:12px 0 4px 25px;}
.alinha-agregado .title-agregado p{font: 40px roboto-regular; color: var(--branco); text-align: center; line-height: 45px;}
.alinha-agregado .title-agregado p b{font-family: roboto-black; color: var(--laranja);}
.alinha-agregado .txt-agregado {width: 100%; text-align: center; font: 14.5px roboto-regular; color: var(--branco); margin: 20px 0 29px;}
.alinha-agregado .saibamais-agregado {display: flex; justify-content: flex-end;}
.alinha-agregado .saibamais-agregado .p{transition: 0.1s; font: 12px montserrat-medium; color: var(--branco); text-transform: uppercase;}
.alinha-agregado .saibamais-agregado .i{width: 12px; height: 12px; margin:1px 0 0 12px; display: block; background: url(../img/index/icon-saibamais.svg)no-repeat center;}
.alinha-agregado .saibamais-agregado:hover .p{color: var(--laranja);}

@media (max-width: 1220px){
    .engloba-banner {height: 130px; background-size: 106%; margin: 0 0 60px 0}
	.engloba-banner .alinha-banner {height: 100%;}
	.engloba-banner .alinha-banner p{font-size: 30px; line-height: initial;}

	.engloba-demonstracoes {margin-bottom: 60px;}
	.alinha-demonstracoes {justify-content: center; gap: 25px 30px;}
	.alinha-demonstracoes .ano{padding: 9px 20px;font-size: 25px;line-height: 25px;}


    .alinha-agregado{height: auto; padding: 30px 0 45px;}
    .alinha-agregado .title-agregado{background-size: contain;padding: 0px 0 0px 25px;}
    .alinha-agregado .title-agregado p{font-size: 25px; line-height: 29px;}
}

@media(max-width: 990px){
	.engloba-banner {height: 75px; background: var(--azul)}
	.engloba-banner .alinha-banner p{font-size: 20px; text-align: center; width: 100%;}
}

@media (max-width: 767px){
    .engloba-banner {margin: 0 0 40px 0}
	.engloba-banner .alinha-banner {width: 100%; margin: 0px;}

	.engloba-demonstracoes {margin-bottom: 40px;}
	.alinha-demonstracoes {width: 100%; margin: 0px; gap: 18px 25px;}
	.alinha-demonstracoes .ano{padding: 9px 20px;font-size: 20px;line-height: 20px;}
}

@media (max-width: 550px){
	.engloba-banner{height: 60px;}
	.engloba-banner .alinha-banner p{font-size: 16px; letter-spacing: 2px;}
}