section.servico .conteudo {padding: 95px 0 92px; display: flex; flex-direction: column;}
section.servico .conteudo .cima {display: flex; justify-content: space-between; gap: 50px;}
section.servico .conteudo .cima .textos {display: flex; flex-direction: column; max-width: 518px; width: 100%;}
section.servico .conteudo .cima .textos .titulo {font: 400 35.36px/1.34 controllerext; color: var(--preto1);}
section.servico .conteudo .cima .textos .texto {font: 400 15px/2.028 montserrat; color: var(--cinza3); margin: 24px 0 44px;}
section.servico .conteudo .cima .img-container {position: relative; display: flex;}
section.servico .conteudo .cima .img-container .numero p {z-index: 3;}
section.servico .conteudo .cima .img-container .numero {position: absolute; font: 400 24.25px/1 controllerext; color: var(--cor1); z-index: 2; top: 27px; translate: -50% 0; background-color: var(--amarelo1); display: flex; width: 91.15px; height: 91.15px; border-radius: 50%; justify-content: center; align-items: center;}
section.servico .conteudo .cima .img-container .numero::before {content: ''; position: absolute; z-index: 1;  width: 59.5px; height: 59.5px; background-color: var(--branco); border-radius: 50%;}
section.servico .conteudo .cima .img-container .img {min-width: 420px; max-width: 587px; max-height: 439px; width: 100%; height: 100%; display: flex; overflow: hidden; border-radius: 10px;}
section.servico .conteudo .cima .img-container .img img {width: 100%; height: 100%; object-fit: cover;}

section.servico .conteudo .component.qualidades {padding: 84px 0 90px;}

section.servico .conteudo .baixo {display: flex; justify-content: space-between; gap: 25px;}
section.servico .conteudo .baixo .esquerda {display: flex; flex-wrap: wrap; max-width: 587px; width: 100%;}
section.servico .conteudo .baixo .esquerda .quadrado {display: flex; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; flex: 0 0 50%; aspect-ratio: 1;}
section.servico .conteudo .baixo .esquerda .quadrado.borda {border: 2px solid var(--cinza4); border-radius: 10px 0 10px 10px;}
section.servico .conteudo .baixo .esquerda .quadrado .img {width: 100%; height: 100%; max-width: 294px; max-height: 294px; display: flex;}
section.servico .conteudo .baixo .esquerda .quadrado .img img {width: 100%; height: 100%;}
section.servico .conteudo .baixo .esquerda .quadrado .texto {font: 500 20.63px/1.712 montserrat; color: var(--preto); text-align: center;}
section.servico .conteudo .baixo .esquerda .quadrado .texto em {font: 400 32.26px/1 controllerext;}
section.servico .conteudo .baixo .textos {display: flex; flex-direction: column; width: 100%; max-width: 511px; gap: 36px;}
section.servico .conteudo .baixo .textos .titulo {font: 400 23.42px/1.63 controllerext; color: var(--cor1);}
section.servico .conteudo .baixo .textos .texto {font: 400 15px/2.028 montserrat; color: var(--cinza3);}

@media (max-width: 990px) {
    section.servico .conteudo {padding: 25px 0;}
    section.servico .conteudo .cima {flex-direction: column; gap: 70px;}
    section.servico .conteudo .cima .textos {max-width: unset;}
    section.servico .conteudo .cima .textos .titulo {font-size: clamp(24px, 3vw, 28px); text-align: center;}

    section.servico .conteudo .cima .textos .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; margin: 15px 0;}
    section.servico .conteudo .cima .img-container {justify-content: center;}
    section.servico .conteudo .cima .img-container .img {max-height: unset; min-width: unset;}
    section.servico .conteudo .cima .img-container .numero {top: 0; left: 50%; translate: -50% -50%;}

    section.servico .conteudo .component.qualidades {padding: 25px 0 0; order: 3;}

    section.servico .conteudo .baixo {flex-direction: column; gap: 20px;}
    section.servico .conteudo .baixo .esquerda {margin: 0 auto;}
    section.servico .conteudo .baixo .esquerda .quadrado .texto {font-size: 15px;}
    section.servico .conteudo .baixo .esquerda .quadrado .texto em {font-size: clamp(20px, 2.5vw, 26px);}
    section.servico .conteudo .baixo .textos {max-width: unset; gap: 15px;}
    section.servico .conteudo .baixo .textos .titulo {font-size: clamp(24px, 3vw, 28px); text-align: center;}
    section.servico .conteudo .baixo .textos .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;}
}

@media (max-width: 450px) {
    section.servico .conteudo .baixo .esquerda {flex-wrap: nowrap; flex-direction: column; max-width: 250px;}
    section.servico .conteudo .baixo .esquerda .quadrado {aspect-ratio: unset;}
    section.servico .conteudo .baixo .esquerda .quadrado.borda {padding: 15px;}
    
    section.servico .conteudo .cima .img-container .img {max-width: 250px;}
}