.banner {position: relative; padding: 89px 0;}
.banner .img {width: 100%; height: 100%; display: flex; position: absolute; z-index: -1; top: 0;}
.banner .img img {width: 100%; height: 100%; object-fit: cover;}
.banner .conteudo {display: flex; justify-content: center; align-items: center; height: 100%;}
.banner .titulo {font: 500 34.33px/1.225 garet; color: var(--branco); text-align: center;}

.textos-main .conteudo {display: flex; flex-direction: column; padding: 81px 0 89px; gap: 43px;}
.textos-main .textos {display: flex; flex-direction: column; gap: 28px;}
.textos-main .titulo {font: 500 41.33px/1.225 garet; color: var(--cinza8);}
.textos-main .sub-titulo {font: 500 22.33px/1.225 garet; color: var(--bege1);}
.textos-main .texto {font: 400 15px/2.028 montserrat; color: var(--cinza3); text-align: justify; text-justify: inter-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
.textos-main .texto span {font-weight: 700; font-size: 17px;}
.textos-main .component.whatsapp {margin: 0 auto;}

@media (max-width: 990px) {
    .banner {padding: 60px 0;}
    .banner .titulo {font-size: clamp(22px, 4.6vw, 28px);}

    .textos-main .sub-titulo {font-size: 16px;}
    .textos-main .conteudo {gap: 20px; padding: 25px 0;}
    .textos-main .titulo {font-size: clamp(22px, 4.6vw, 28px);}
    .textos-main .textos {gap: 15px;}
}

@media (max-width: 600px) {
    .banner {padding: 40px 0;}
}