.img {width: auto; max-width: 100%; height: auto;}
.img img {width: 100%; height: 100%; object-fit: contain;}
html {scroll-behavior: smooth;}

#institucional .conteudo {display: flex; flex-direction: column; gap: 73px; padding: 70px 0 75px;}
#institucional .textos {display: flex; justify-content: space-between; gap: 25px;}
#institucional .titulos {display: flex; flex-direction: column; gap: 12px;}
#institucional .mini-titulo {font: 400 19px/2.74 var(--myriad); color: var(--vermelho3); letter-spacing: 20%; text-transform: uppercase; white-space: nowrap;}
#institucional .titulo {font: 700 48.42px/1.391 var(--garet); color: var(--cinza1);}
#institucional .texto {font: 400 15px/2.028 var(--montserrat); color: var(--cinza1); width: 100%; max-width: 453px;}
#institucional .img {width: 100%; max-width: 1174px; height: 100%; max-height: 367px; display: flex; overflow: hidden; border-radius: 15px;}

#topicos .conteudo {display: flex; flex-direction: column; gap: 46px; padding: 0 0 94px;}
#topicos .cima {display: flex; justify-content: space-between; gap: 25px;}
#topicos .texto {font: 400 15px/2.028 var(--montserrat); color: var(--cinza1); hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; width: 100%; max-width: 561px;}
#topicos .titulo {font: 700 31px/1.451 var(--garet); color: var(--cinza1); width: 100%; max-width: 550px;}
#topicos .topico {display: flex; flex-direction: column; padding: 41px 15px 42px; border-radius: 15px; height: 100%; background: var(--vermelho1); gap: 17px; justify-content: center; align-items: center;}
#topicos .nome {font: 500 19px/1.58 var(--garet); color: var(--branco); text-align: center; width: 100%; max-width: 207px;}

#coberturas {background-color: var(--preto1);}
#coberturas .conteudo {padding: 97px 0 95px; display: flex; gap: 43px; flex-wrap: wrap;}
#coberturas .img {overflow: hidden; border-radius: 15px; margin-bottom: 49px;}
#coberturas .cobertura {display: flex; flex-direction: column; flex: 0 0 calc(50% - 31.5px);}
#coberturas .texto {margin: 20px 0 29px; font: 400 15px/2.028 var(--montserrat); color: var(--branco);}
#coberturas .titulo {font: 700 31px/1.451 var(--garet); color: var(--branco);}
#coberturas .component-whatsapp {margin-top: auto;}

#servicos .conteudo {padding: 82px 0 95px; display: flex; flex-direction: column; gap: 30px;}
#servicos .titulos {display: flex; flex-direction: column; gap: 10px;}
#servicos .titulos .mini-titulo {font: 500 19px/2.7 var(--garet); color: var(--vermelho3); letter-spacing: 20%; text-align: center;}
#servicos .titulos .titulo {font: 700 48.42px/1.39 var(--garet); color: var(--cinza1); text-align: center;}
#servicos .servicos-list {display: flex; flex-wrap: wrap; gap: 36px;}
#servicos .servico {display: flex; flex-direction: column; gap: 23px; transition: .3s; flex: 0 0 calc((100% - 2 * 36px) / 3)}
#servicos .img {max-width: 366px; max-height: 275px; width: 100%; height: 100%; overflow: hidden; border-radius: 15px;}
#servicos img {width: 100%; height: 100%; object-fit: cover;}
#servicos .servico .titulo {font: 700 31.35px/1.365 var(--garet); color: var(--cinza1); text-align: center;}
#servicos .component-whatsapp {margin: 0 auto;}
#servicos .servico:hover {transform: scale(1.02);}

#escolher .conteudo {padding: 0 0 85px; display: flex; justify-content: space-between; gap: 25px;}
#escolher .esquerda {display: flex; flex-direction: column; height: 100%; justify-content: space-between; width: 100%; max-width: 363px; height: auto;}
#escolher .esquerda .component-whatsapp {margin: auto 0 78px;}
#escolher .textos {display: flex; flex-direction: column; gap: 2px;}
#escolher .mini-titulo {font: 500 19px/2.7 var(--garet); color: var(--vermelho3); letter-spacing: 20%;}
#escolher .esquerda .titulo {font: 700 48.42px/1.21 var(--garet); color: var(--cinza1);}
#escolher .direita {display: flex; flex-wrap: wrap; width: 100%; max-width: 716px;}
#escolher .diferencial {display: flex; flex-direction: column;}
#escolher .diferencial .titulo {font: 700 31px/1.45 var(--garet); color: var(--cinza1); margin: 17px 0 10px;}
#escolher .texto {font: 400 15px/2.028 var(--montserrat); color: var(--cinza1);}
#escolher .icon {display: flex; justify-content: center; align-items: center; background:  var(--vermelho1); border-radius: 15px; width: 70px; height: 70px;}

#portfolio .conteudo {padding: 0 0 110px; display: flex; flex-direction: column; gap: 34px;}
#portfolio .mini-titulo {font: 500 19px/1.21 var(--garet); color: var(--vermelho3); letter-spacing: 20%; text-align: center;}
#portfolio .titulo {font: 700 48.42px/1.39 var(--garet); color: var(--cinza1); text-align: center;}
#portfolio .splide__arrow {top: -65px; background: var(--vermelho1); border-radius: 8px; width: 47px; height: 47px; opacity: 1;}
#portfolio .splide__arrow:disabled {opacity: .5;}
#portfolio .img {width: 100%; height: 100%; max-width: 566px; max-height: 400px; overflow: hidden; border-radius: 15px; display: flex;}
#portfolio img {width: 100%; height: 100%; object-fit: cover;}

@media (max-width: 1250px) {
    #servicos .servico .titulo {font-size: clamp(22px, 2.24vw, 28px);}
}

@media (min-width: 991px) {
    #escolher .splide__list {flex-wrap: wrap; gap: 56px 80px;}
    #escolher .splide__slide {flex: 0 0 calc(50% - 40px);}
}

@media (max-width: 990px) {
    section {scroll-margin-top: 100px;}

    #institucional .conteudo {flex-direction: column; gap: 18px; padding: 25px 0;}
    #institucional .titulo {font-size: clamp(25px, 4.1vw, 34px); text-align: center;}
    #institucional .mini-titulo {font-size: 17.5px; line-height: 1.7; text-align: center; letter-spacing: 15%; white-space: unset;}
    #institucional .textos {flex-direction: column; gap: 15px;}
    #institucional .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; max-width: unset;}

    #topicos .conteudo {padding: 0 0 25px; gap: 20px;}
    #topicos .topico {padding: 15px 10px;}
    #topicos .splide__arrow {width: clamp(30px, 3.7vw, 36px); height: clamp(30px, 3.7vw, 36px); opacity: 1; border-radius: 8px; background: var(--preto);}
    #topicos .splide__arrow:disabled {opacity: .5;}
    #topicos .splide__arrow--next {right: 0; transform: translate(50%, -50%);}
    #topicos .splide__arrow--prev {left: 0; transform: translate(-50%, -50%);}
    #topicos .cima {flex-direction: column; gap: 18px;}
    #topicos .texto {max-width: unset; text-align: justify; text-justify: inter-word;}
    #topicos .titulo {max-width: unset; font-size: clamp(20px, 2.8vw, 27px); text-align: center;}
    #topicos .nome {font-size: 17px;}

    #coberturas .conteudo {flex-direction: column; gap: 20px; padding: 25px 0;}
    #coberturas .cobertura {align-items: center;}
    #coberturas .titulo {font-size: clamp(19px, 2.7vw, 26px); text-align: center;}
    #coberturas .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; margin: 10px 0;}
    #coberturas .img {margin-bottom: 15px;  width: 100%; max-width: 550px;}
    #coberturas img {object-fit: cover; height: unset;}

    #servicos .conteudo {gap: 14px; padding: 25px 0;}
    #servicos .servicos-list {justify-content: center; gap: 20px;}
    #servicos .servico {flex: 0 0 clamp(260px, calc(50% - 10px), 400px); height: 100%; gap: 10px;}
    #servicos img {border-radius: 15px;}
    #servicos .titulos {gap: 0;}
    #servicos .titulos .mini-titulo {font-size: 17px; line-height: 1.6;}
    #servicos .titulos .titulo {font-size: clamp(24px, 4.6vw, 34px);}

    #escolher .conteudo {flex-direction: column; padding: 0 0 25px;}
    #escolher .esquerda {align-items: center; max-width: unset;}
    #escolher .mini-titulo {text-align: center; font-size: 17.5px; line-height: 1.5;}
    #escolher .esquerda .titulo {text-align: center; font-size: clamp(24px, 4.4vw, 34px);}
    #escolher .esquerda .component-whatsapp {display: none;}
    #escolher .direita {max-width: unset;}
    #escolher .diferencial {align-items: center; border-radius: 10px; margin: 10px; padding: 10px; box-shadow: 0 0 6px 3px rgba(0, 0, 0, .1);}
    #escolher .diferencial .titulo {font-size: clamp(19px, 2.6vw, 25px);}
    #escolher .texto {text-align: justify; text-justify: inter-word;}
    #escolher .splide {width: calc(100% - 80px); margin: 0 auto;}
    #escolher .splide__arrow {width: clamp(30px, 3.7vw, 36px); height: clamp(30px, 3.7vw, 36px); opacity: 1; border-radius: 8px; background: var(--preto);}
    #escolher .splide__arrow:disabled {opacity: .5;}
    #escolher .splide__arrow--prev {left: 0; transform: translate(calc(-25px - 100%), 0);}
    #escolher .splide__arrow--next {right: 0; transform: translate(calc(25px + 100%), 0);}

    #portfolio .conteudo {gap: 14px; padding: 0 0 25px;}
    #portfolio .titulo {font-size: clamp(24px, 3.8vw, 38px);}
    #portfolio .splide__arrow {width: clamp(30px, 3.7vw, 36px); height: clamp(30px, 3.7vw, 36px);}
}

@media (max-width: 600px) {
    #escolher .splide__arrow--next {transform: translate(calc(100% + 10px), 0);}
    #escolher .splide__arrow--prev {transform: translate(calc(-100% - 10px), 0);}

    #portfolio .splide__arrow {top: 50%;}
    #portfolio .slider {max-width: calc(100% - 20px); width: 100%; margin: 0 auto;}
    #portfolio .splide__arrow--prev {transform: translate(-50%, -50%); left: 0;}
    #portfolio .splide__arrow--next {transform: translate(50%, -50%); right: 0;}
}