body header .logo, body header .logo-res {background-image: url(../img/logo-2.png) !important;}
.topo-insticional{width: 100%;height: 142px;float: left;background: url(../img/institucional/topo-institucional.jpg)no-repeat center top;display: flex;align-items: center;}
.topo-insticional h1 {float: left;font: 24px montserrat-bold;color: #a4a8ae;margin:  0 0 0 35px;}
.topo-insticional span{color: #3c3c3c;}

#about {float: left; width: 100%; position: relative; padding: 89px 0 93px;}
#about::before {content: ''; display: flex; position: absolute; width: 35.04%; left: 0; top: 0; height: 100%; background: #949499; background: radial-gradient(circle, rgba(148, 148, 153, 1) 0%, rgba(93, 93, 99, 1) 50%, rgba(87, 88, 94, 1) 100%); z-index: -1;}
#about .conteudo {display: flex; justify-content: space-between; gap: 3%;}
#about .info {display: flex; flex-direction: column; max-width: 537px; align-items: flex-start; padding: 6px 0 0;}
#about h2 {font: clamp(24px,3vw,35.72px) montserrat-bold;color: #D2D6DB;margin: 0 0 46px;}
#about h2 span {color: #2B2C2B;}
#about .texto {font: 14px / 1.8em montserrat-regular; color: #828288; margin: 0 0 55px;}
#about .sub-titulo {font: 23.53px montserrat-bold;color: #2B2C2B;margin: 0 0 30px;}
#about .img {max-width: 519px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 100; width: 100%;}
#about .img img {width: 100%; height: 100%; object-fit: cover; object-position: left;}
#about .img::after{content: ''; position: absolute;;left: -21px; bottom: -20px; width: 60px; height: 60px; background: #141417; display: flex; justify-content: center; align-items: center; z-index: -1;}

#about .btn-whats {display: flex; justify-content: center; align-items: center; padding: 11px 17px 10px 15px; background-color: #00A900; gap: 7px; font: 12px / 1.1em montserrat-semibold; color: #FFFFFF; max-width: 235px; transition: 0.2s;}
#about .btn-whats:hover {background: #0e940e; transform: scale(1.01);}
#about .btn-whats .icone {max-width: 19px; max-height: 19px;}
#about .btn-whats .icone svg {width: 100%; height: 100%;}

/* #range.curva {position: relative;} */
#range {float:left; width: 100%;}
#range .conteudo {container-type: inline-size; position: relative; display: flex; align-items: center;}
#range .conteudo .titulo {padding: 52px 397px 52px 0; font: clamp(18px, 3vw, 30.2px) / 1.319em montserrat-bold; color: #FFFFFF;}
#range .conteudo .titulo::before {content: ''; position: absolute; display: flex; justify-content: center; align-items: center; width: calc((100% + (100vw - 100cqw) / 2)); height: 100%; background: #474747; background: radial-gradient(circle, rgba(71, 71, 71, 1) 0%, rgba(49, 49, 49, 1) 50%, rgba(44, 44, 43, 1) 100%); right: 170px; z-index: -1; top: 0;}
#range .bow-img {position: absolute; right: -35px;}
#range .img {position: relative; display: flex; justify-content: center; align-items: center; max-width: 355px;}
#range .img img {width: 100%; height: 100%; object-fit: contain;}

#range .arco { position: absolute; width: 179px; height: auto; right: -84px; bottom: -72px;}
#range .arco svg { width: 100%; height: 100%; display: block;}

#veiculos {padding: 110px 0 103px; float: left; width: 100%;}
#veiculos h2 {font: clamp(24px,3vw,35.72px) montserrat-bold;color: #D2D6DB;margin: 0 0 35px;}
#veiculos h2 span {color: #2B2C2B;}

#veiculos .list {display: flex; padding: 0; border: 1.5px solid #E4E4E4;}
#veiculos .list .item {padding: 59px 1em 44px; border: 1.5px solid #E4E4E4; width: calc(100% / 5); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; max-height: 193px; box-sizing: border-box;}
#veiculos .list .icone {max-width: 57px; max-height: 49px; width: 100%; height: 100%;}
#veiculos .list .icone img {width: 100%; height: 100%; object-fit: contain;}
#veiculos .list .sub-titulo {font:23.45px montserrat-semibold; color: #828288; text-align: center;}


#beneficios {padding: 103px 0 110px; float: left; width: 100%; background: #949499; background: radial-gradient(circle, rgb(99 99 100) 0%, rgba(93, 93, 99, 1) 50%, rgba(87, 88, 94, 1) 100%);}
#beneficios h2 {font: clamp(24px,3vw,35.72px) / 1.2em montserrat-bold;color: #D2D6DB; margin: 0 0 51px; text-align: center;}
#beneficios h2 span {color: #FFFFFF;}

#beneficios .list {display: flex; padding: 0; flex-wrap: wrap; gap: 110px 0;}
#beneficios .list .item {width: calc((100% / 4)); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; max-height: 100px;}
#beneficios .list .icone {max-width: 57px; max-height: 48px; width: 100%; height: 100%; display: flex;}
#beneficios .list .icone img {width: 100%; height: 100%; object-fit: contain;}
#beneficios .list .sub-titulo {font: clamp(16px,1.5vw,21px) / 1.365em montserrat-regular; color: #FFFFFF; text-align: center;}


@media(max-width: 1400px){
    #range .bow-img {right: 44px;}
    #range .conteudo .titulo {padding: 52px 412px 52px 0;}
}

@media(max-width: 990px){

    .div-paginas {background-image: url(../img/logo-2.png) !important;}

    .topo-insticional{background: #151419;height: 70px;}
    .topo-insticional p{width: 100%;margin: 0;text-align: center;font-size: 18px;}

    #about {padding: 25px 0 35px;}
    #about::before {max-height: 200px;width: 100%;}
    #about .img {z-index: -1;}
    #about .img::after {width: 10%; height: 10%; left: -3%; bottom: -3%;}
    #about .conteudo {flex-direction: column; gap: 25px; align-items: center;}
    #about .info {max-width: 100%;}

    #about h2 {font-size: clamp(18px,4vw,28px);}
    #about .sub-titulo {font-size: clamp(16px,4vw,23px);}
    #about h2 {margin: 0 0 20px;}
    #about .texto {margin: 0 0 20px; text-align: justify; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;}
    #about .sub-titulo {margin: 0 0 20px;}

    #range .conteudo .titulo {padding: 32px clamp(124px,40.5vw,324px) 32px 0;}
    #range .bow-img {max-width: clamp(195px,23vw,255px);}
    #range .arco {width: clamp(50px,18vw,109px); right: -34px; bottom: -42px;}
    
    #veiculos {padding: 65px 0 25px;}
    #veiculos h2 {font-size: clamp(18px,4vw,28px); text-align: center; margin: 0 0 15px;}
    #veiculos .list {flex-wrap: wrap; justify-content: center; border: none;}
    #veiculos .list .item {width: calc(100% / 3); }
    .topo-insticional h1 {font-size: clamp(18px,4vw,28px);}
    #veiculos .list .sub-titulo {font-size: clamp(16px,4vw,20px);}

    #beneficios {padding: 25px 0;}
    #beneficios h2 {font-size: clamp(18px,4vw,28px); text-align: center; margin: 0 0 15px;}

    #beneficios .list {gap: 25px 0;}
    #beneficios .list .sub-titulo {font-size: clamp(14px,1.5vw,20px);}
}

@media(max-width: 940px){
    #beneficios .list .item {width: calc((100% / 3));}
}

@media(max-width: 750px){
    #veiculos .list .item {width: calc((100% / 2));}
    #veiculos .list .item:last-child {width: 100%;}

    /* #veiculos .list .item {max-width: 244px; width: 100%;} */
}

@media(max-width: 700px){
    #range {position: relative;}
    #range .conteudo {position: static; gap: 3%;}
    #range .conteudo .titulo {padding: 44px 0;}
    #range .conteudo .titulo::before {width: 100vw; right: 0;}
    #range .bow-img { max-width: clamp(75px, 23vw, 135px); }
    #range .arco {width: clamp(21px,8vw,51px); right: 0; bottom: 0;}
    #range .bow-img {position: static;}
    
    #veiculos {padding: 25px 0;}
}

@media(max-width: 650px){
    #beneficios .list {max-width: 500px; margin: 0 auto;}
    #beneficios .list .item {width: calc((100% / 2)); }
    #beneficios .list .icone {max-width: 37px; max-height: 38px;}
    #beneficios .list .sub-titulo { font-size: clamp(12px,1.5vw,14px);}

}

@media(max-width: 600px){
    #range .bow-img {position: absolute; top: -50px; right: 0;}
    #range .bow-img {top: -30px; max-width: 65px;}
    #range .arco {width: clamp(21px,4vw,51px); right: 0; bottom: 0;}
    #range .conteudo .titulo {padding: 40px 0 25px;}
}

@media(max-width: 360px){
    #beneficios .list .item {width: 100%;}
    #veiculos .list .item {width: 100%;}
}

@media(max-width: 380px){
    #range .conteudo .titulo {padding: 54px 0 25px;}
}