section.excelencia .conteudo {display: flex; flex-direction: column; padding: 93px 0 0 0; position: relative; z-index: 1;}
section.excelencia .conteudo .cima {display: flex; justify-content: space-between; gap: 25px;}
section.excelencia .conteudo .cima > .textos {max-width: 473px; width: 100%; display: flex; flex-direction: column;}
section.excelencia .conteudo .cima .textos .titulo {font: 400 35.36px/1.34 controllerext; color: var(--preto1);}
section.excelencia .conteudo .cima .textos .texto {font: 400 15px/2.028 montserrat; color: var(--cinza3); margin: 26px 0 36px;}
section.excelencia .conteudo .cima .img {display: flex; max-width: 629px; width: 100%; height: 100%;}
section.excelencia .conteudo .cima .img img {width: 100%; height: 100%;}

section.excelencia .conteudo > .baixo {display: flex; justify-content: center; padding: 0;}
section.excelencia .conteudo .baixo .quadrados {display: flex; flex-wrap: wrap; max-width: clamp(300px, calc(50vw - 125px), 543px); width: 100%; aspect-ratio: 1;}
section.excelencia .conteudo .quadrado {border-radius: 10px; display: flex; flex-direction: column; flex: 0 0 50%; background-color: var(--branco); aspect-ratio: 1; gap: 8px; overflow: hidden; justify-content: center; align-items: center; max-width: 271.5px;}
section.excelencia .conteudo .quadrado.borda {border: 2px solid var(--cinza4);}
section.excelencia .conteudo .quadrado.amarelo {background-color: var(--cinza5); max-width: clamp(150px, calc(25vw - 61px), 271.5px);}
section.excelencia .conteudo .baixo .quadrados .quadrado .img {max-width: 271.5px; max-height: 271.5px; width: 100%; height: 100%; display: flex;}
section.excelencia .conteudo .baixo .quadrados .quadrado .img img {width: 100%; height: 100%;}
section.excelencia .conteudo .quadrado .titulo {font: 400 29.87px/1 controllerext; color: var(--cor1);}
section.excelencia .conteudo .quadrado .texto {font: 500 19.1px/1.712 montserrat; color: var(--cor1); text-align: center;}
section.excelencia .conteudo .quadrado.amarelo .titulo,
section.excelencia .conteudo .quadrado.amarelo .texto {color: var(--branco); text-shadow: 2px 2px 2px rgba(0,0,0, 0.2);}
section.excelencia .conteudo .baixo .quadrados .quadrado:nth-child(2) {border-radius: 10px 0 10px 10px}
section.excelencia .conteudo .baixo .direita {display: flex; flex-direction: column; max-width: 627px; width: 100%;}
section.excelencia .conteudo .baixo .direita .cima {display: flex; flex-direction: column; justify-content: center; height: 100%; align-self: flex-end; width: 100%; max-width: 570px;  margin: 0 0 0 20px;}
section.excelencia .conteudo .baixo .direita .cima .textos {display: flex; flex-direction: column; max-width: unset; gap: 22px;}
section.excelencia .conteudo .baixo .direita .cima .textos .titulo {font: 400 34.36px/1 controllerext; color: var(--preto1);}
section.excelencia .conteudo .baixo .direita .cima .textos .texto {font: 400 15px/2.028 montserrat; color: var(--cinza3); margin: 0;}
section.excelencia .conteudo .baixo .direita .baixo {display: flex; justify-content: space-between;}
section.excelencia .conteudo .baixo .direita .baixo .img {max-width: clamp(150px, calc(25vw - 62.5px), 271.5px); max-height: 271.5px; width: 100%; height: 100%; display: flex; border-radius: 10px; overflow: hidden;}
section.excelencia .conteudo .baixo .direita .baixo .img img {width: 100%; height: 100%;}
section.excelencia .conteudo .baixo .direita .baixo > .texto {display: flex; max-width: 301px; width: 100%; font: 400 15px/2.028 montserrat; color: var(--cinza3); hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;}

section.suporte {display: flex; flex-direction: column;}
section.suporte .top {background-color: var(--preto1); padding: 111px 0 0 0; margin: -31px 0 0; display: flex; flex-direction: column; gap: 87px; height: 407px;}
section.suporte .top .conteudo {display: flex; flex-direction: column; gap: 87px;}
section.suporte .top .conteudo .component.qualidades .qualidade .texto,
section.suporte .top .conteudo .component.qualidades .qualidade .texto em {color: var(--branco) !important;}
section.suporte .top .conteudo .baixo {display: flex; justify-content: space-between; gap: 25px;}
section.suporte .top .conteudo .baixo .img {max-width: 544px; height: 399px; width: 100%; display: flex; overflow: hidden; border-radius: 10px;}
section.suporte .top .conteudo .baixo .img img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
section.suporte .top .conteudo .baixo .titulo {font: 400 29.2px/1.34 controllerext; color: var(--branco); max-width: 552px;}
section.suporte .bottom {height: 246px;}
section.suporte .bottom .conteudo {display: flex; justify-content: right; padding: 50px 0 0 0;}
section.suporte .bottom .conteudo .texto {max-width: 552px; font: 400 15px/2.028 montserrat; color: var(--cinza3); margin: 0 0 0 570px;}

section.principios .conteudo {display: flex; flex-direction: column; padding: 60px 0 87px; gap: 57px;}
section.principios .conteudo > .titulo {font: 400 35.36px/1.34 controllerext; color: var(--preto1); text-align: center;}
section.principios .conteudo .principios-container {display: flex; justify-content: space-between;}
section.principios .conteudo .principios-container .principio {display: flex; justify-content: space-between; width: 100%; max-width: 512px;}
section.principios .conteudo .principios-container .principio .icon {position: relative; height: fit-content; z-index: 3; justify-content: center; display: flex; align-items: center; margin: 38px;}
section.principios .conteudo .principios-container .principio .icon::after {content: ''; position: absolute; z-index: -1; display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 68.4px; height: 68.4px; background-color: var(--branco); box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
section.principios .conteudo .principios-container .principio .icon::before {content: ''; position: absolute; z-index: -1; display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 104.78px; height: 104.78px; background-color: var(--amarelo1);}
section.principios .conteudo .principios-container .principio .textos {display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 374px;}
section.principios .conteudo .principios-container .principio .textos .titulo {font: 700 19.39px/1 montserrat; color: var(--preto1);}
section.principios .conteudo .principios-container .principio .textos .texto {font: 400 15px/2.028 montserrat; color: var(--cinza3);} 

@media (max-width: 1200px) {
    section.excelencia .conteudo .cima {margin: 0 0 25px;}
    section.excelencia .conteudo > .baixo {flex-direction: column-reverse;}
    section.excelencia .conteudo .baixo .direita .cima {max-width: unset;}
    section.excelencia .conteudo > .baixo .direita {max-width: unset;}
    section.excelencia .conteudo .baixo .direita .baixo .textos {max-width: unset; gap: 20px;}
    section.excelencia .conteudo .baixo .direita .baixo .textos .component.saiba-mais {align-self: center;}
    section.excelencia .conteudo .baixo .direita .baixo {flex-direction: column-reverse; gap: 20px;}
    section.excelencia .conteudo .baixo .direita .cima {margin: 0;}
    section.excelencia .conteudo .baixo .direita .cima .textos .titulo {text-align: center;}
    section.excelencia .conteudo .baixo .direita .baixo .img {max-width: 700px; max-height: 500px; align-self: center; margin: 30px 0;}
    section.excelencia .conteudo .baixo .quadrados {align-self: center; max-width: 543px;}
    section.excelencia .conteudo .baixo .direita .baixo > .texto {max-width: 100%;}
    section.excelencia .conteudo .quadrado.amarelo {margin: 0 auto; width: 100%; aspect-ratio: unset; max-width: 543px; padding: 25px 0;}

    section.suporte .bottom .conteudo .texto {margin: 0; max-width: 451px;}
}

@media (max-width: 1100px) {
    section.suporte .top .conteudo {gap: 25px;}
    section.suporte .bottom {height: 316px;}
}

@media (max-width: 990px) {
    section.excelencia .conteudo {padding: 25px 0 0;}
    section.excelencia .conteudo .cima {flex-direction: column;}
    section.excelencia .conteudo .cima .textos .texto {margin: 15px 0; text-align: justify; text-justify: inter-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
    section.excelencia .conteudo .cima > .textos {max-width: unset;}
    section.excelencia .conteudo .cima .textos .titulo {font-size: 28px; text-align: center;}
    section.excelencia .conteudo .cima .img {align-self: center;max-height: unset; max-width: 700px; overflow: hidden; border-radius: 10px;}
    section.excelencia .conteudo > .baixo {padding: 0 0 25px;}
    section.excelencia .conteudo .baixo .direita .baixo .textos .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
    section.excelencia .conteudo .baixo .direita .cima .textos {gap: 15px;}
    section.excelencia .conteudo .baixo .direita .cima .textos .titulo {font-size: 28px;}
    section.excelencia .conteudo .baixo .direita .baixo .textos {gap: 15px;}
    section.excelencia .conteudo .baixo .direita .baixo .img {margin: 15px 0;}
    section.excelencia .conteudo .baixo .quadrados .quadrado .titulo {font-size: 24px;}
    section.excelencia .conteudo .baixo .quadrados .quadrado .texto {font-size: 16px;}

    section.suporte .top {margin: 0; padding: 25px 0 0; height: 250px;}
    section.suporte .top .conteudo {gap: 25px;}
    section.suporte .top .conteudo .baixo {flex-direction: column-reverse;}
    section.suporte .top .conteudo .baixo .titulo {max-width: unset; font-size: 28px; text-align: center;}
    section.suporte .top .conteudo .baixo .img {margin: 0 auto; height: 300px; width: 100%;}
    section.suporte .bottom {height: 370px;}
    section.suporte .bottom .conteudo {padding: 270px 0 0 0;}
    section.suporte .bottom .conteudo .texto {max-width: unset; text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;}

    section.principios .conteudo > .titulo {font-size: 28px;}
    section.principios .conteudo {padding: 25px 0; gap: 20px;}
    section.principios .conteudo .principios-container {flex-direction: column; align-items: center; gap: 20px;}
    section.principios .conteudo .principios-container .principio {max-width: 650px; flex-direction: column; gap: 10px;}
    section.principios .conteudo .principios-container .principio .textos {max-width: unset; text-align: center;}
    section.principios .conteudo .principios-container .principio .textos .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
}

@media (max-width: 700px) {
    section.suporte .top {height: unset;}
    section.suporte .bottom {height: unset; background-color: var(--preto1);}
    section.suporte .bottom .conteudo {padding: 15px 0;}
    section.suporte .bottom .conteudo .texto {color: var(--branco);}
}

@media (max-width: 600px) {
    section.excelencia .conteudo .quadrado.amarelo .titulo {font-size: 24px;}
    section.excelencia .conteudo .quadrado.amarelo .texto {font-size: 16px;}
    section.excelencia .conteudo .baixo .quadrados .quadrado {max-width: 260px; width: 100%;}
    section.excelencia .conteudo .baixo .quadrados .quadrado .titulo {font-size: 18px;}
    section.excelencia .conteudo .baixo .quadrados .quadrado .texto {font-size: 15px;}
    section.principios .conteudo > .titulo,
    section.suporte .top .conteudo .baixo .titulo,
    section.excelencia .conteudo .baixo .direita .cima .textos .titulo,
    section.excelencia .conteudo .cima .textos .titulo {font-size: 24px;}
}