footer .footer-bg {padding: 160px 0 75px;}
.institucional-bg {padding: 75px 0 90px;}
.institucional-bg .institucional {display: grid; grid-template-columns: repeat(2, 1fr);}
.institucional-bg .institucional .fotos {gap: 18px; display: flex; flex-wrap: wrap; max-width: 575px;}
.institucional-bg .institucional .img {position: relative; display: flex; flex: 1 1 auto; max-width: 100%;}
.institucional-bg .institucional .img .teste { background: #ccc;}
.institucional-bg .institucional .img img {object-fit: cover; width: 100%; height: 100%;}
.institucional-bg .institucional .img-small .teste{width: 200px; height: 150px; aspect-ratio: 200/150; max-width: 100%; object-fit: contain;}
.institucional-bg .institucional .img-medium .teste{width: 320px; height: 195px; aspect-ratio: 320/195;max-width: 100%; margin-right: 30px;}
.institucional-bg .institucional .img-large .teste{width: 560px; height: 215px; aspect-ratio: 560 / 215; margin-left: 55px;max-width: 100%; z-index: 2;}
.institucional-bg .institucional .img-large.top .teste {margin: 0;}
.institucional-bg .institucional .img-small {align-self: flex-end; justify-content: flex-end;}
.institucional-bg .institucional .img-large::before {left: 40px;z-index: -1;}
.institucional-bg .institucional .img-medium::before {right: 20px;  bottom: 0; }
.institucional-bg .institucional .img-medium::before,
.institucional-bg .institucional .img-large::before {content: ''; position: absolute; background: var(--cor2); height: 115px; width: 45px; transform: skewX(15deg); z-index: -1;}

.institucional-bg .institucional .texto-parent .titulo {font: 600 38px / 47.07px oblivion; padding: 0 0 0 25px;} 
.institucional-bg .institucional .texto-parent .texto {font: 400 15px / 26.7px montserrat;padding-left: 85px;}
.institucional-bg .institucional .texto-parent .texto > p {padding: 50px 0 45px;}


main .diferenciais-bg {padding-bottom: 195px;}
.produtos .chamada {background: var(--cor2); border-radius: 25px; display: grid; grid-template-columns: repeat(2, 1fr);overflow: hidden; max-height: 225px; margin-top: -10%;}
.produtos .texto {display: flex; flex-direction: column; gap: 30px; justify-content: center; padding-left: 55px; font: 400 15px / 26.7px montserrat; color: var(--branco);}
.produtos .texto .titulo {font: 600 40.62px / 47.55px oblivion;} 
.produtos .img {margin-top: -2px;}

.produtos-parent {display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px;margin: 80px 0 70px;}
.produtos-parent .produto {display: flex; flex-direction: column; align-items: center;gap: 20px;padding: 60px; box-sizing: border-box; justify-content: center; border-radius: 25px;box-shadow: 0px 0px 14px 0px rgba(110,110,110,0.75);}
.produtos-parent .produto .texto {padding: 0; color: var(--cor3); text-align: center;}
.produtos-parent .produto .titulo {font: 600 31.62px/47.55px oblivion; color: var(--cor3);}


.brasil .newsletter{display: grid; grid-template-columns: 1.3fr 1fr; background: var(--cor2); border-radius: 25px; padding: 35px; box-sizing: border-box; margin-bottom: -75px; position: relative; z-index: 99; align-items: center;}
.brasil .newsletter .texto {font: 600 35.3px / 41.33px oblivion; color: var(--branco);}
.brasil .newsletter input,
.brasil .newsletter button {border: none; outline: none;}
.brasil .newsletter input {font: 400 13.03px / 23.19px montserrat; border-left: 3px solid var(--cor1); padding-left: 20px; width: 100%;}
.brasil .newsletter button {width: 40px; height: auto; aspect-ratio: 1/1; background: var(--cor1); cursor: pointer;}
.brasil .newsletter form {display: flex; position: relative;}


.brasil > .titulo {font: 600 40.62px / 47.55px oblivion; color: var(--cor3); text-align: center; position: relative; background: var(--branco);margin:85px 0 80px; z-index: 2;}
.brasil > .titulo::before {content: ''; position: absolute; width: 150px; height: 140px; background: url(../../img/svg/brasil.svg) no-repeat center center; bottom: -20px; left: 0; top: -60px;}
.brasil > .titulo .texto {margin: 0 0 0 auto; width: max-content;background-color: var(--branco); position: relative; z-index: 99;}

.checkmark-success {position: absolute; visibility: hidden; opacity: 0; transition: var(--transition2); right: 0; background: #ccc; height: 35px; width: 36px;}
.checkmark-success.ativo {visibility: visible; opacity: 1;}
.checkmark-success.ativo polyline {animation: checkmark .6s ease 0.4s forwards;}
@keyframes checkmark {
  to {stroke-dashoffset: 0;}
}

.checkmark-error {position: absolute; visibility: hidden; opacity: 0; transition: var(--transition2); right: 0; background: var(--cor3); height: 35px; width: 36px;}
.checkmark-error.ativo {visibility: visible; opacity: 1;}
.checkmark-error.ativo line {animation: xmark .6s ease 0.4s forwards;}
.checkmark-error.ativo line:nth-child(2) {animation-delay: 0.7s;}

@keyframes xmark {to { stroke-dashoffset: 0; }}


.blog-bg {background: #F0F0F0; padding: 70px 0 85px;}
.blog .parent .parent-titulo {display: flex;align-items: center;}
.blog .parent .parent-titulo > .titulo {font: 600 40.62px oblivion; width: 100%; text-align: center;}
.blog .parent .post{display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start; position: relative; border-radius: 25px; overflow: hidden; border: 1px solid #34343431;}
.blog .parent .post .capa{height: 200px;display: block;}
.blog .parent .post .capa img {height: 100%; width: 100%; object-fit: cover;} 
.blog .parent .post .capa.fundo{background: #000;}
.blog .parent .post .titulo{font: 500 16px / 26px montserrat; background: var(--branco); text-align: center;flex: 1 1 auto; color: #010101; padding: 10px 5%; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2;display: -webkit-box; -webkit-box-orient: vertical;}
.blog .parent .post .ver-mais {position: absolute; opacity: 0; width: 100%; height: 100%; color: var(--branco); display: flex; align-items: center; transition: var(--transition2); justify-content: center; font: 600 9.84px / 21.89px montserrat; background: #ff7a33e8;}
.blog .parent .post .ver-mais p {background: var(--cor1);border-radius: 12.97px; height: 25px; box-sizing: border-box; padding: 0 15px;}
.blog .parent .post:hover .ver-mais {opacity: 1;} 
.blog .parent .paginas{display: flex;align-items: center;justify-content: center;gap: 15px 10px;margin: 30px 0 0;}
.blog .parent .paginas .pagina{width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;font: 13px montserrat;color: #fff;background: #fff;border-radius: 2px;color: #121212;border: 1px solid #343434;transition: .4s;}
.blog .parent .paginas .pagina.ativo,
.blog .parent .paginas .pagina:hover{color: #fff;background: #323232;}
.blog .lista-posts{padding: 69px 0;}


@media(max-width: 1250px){
    .institucional-bg .institucional .texto-parent .titulo {font-size: 25px; line-height: 1.2;}
    .institucional-bg .institucional .texto-parent .texto > p {padding: 15px 0;}
    .institucional-bg .institucional .texto-parent .texto {font-size: 13px; line-height: 1.8;}
    main .diferenciais-bg {padding-bottom: 145px;}
    .produtos-parent {gap: 25px; margin: 45px 0 60px;}
    .brasil > .titulo {font-size: 30px; line-height: normal;}
    .brasil > .titulo .texto { margin: 0 auto;}
    .brasil .newsletter {gap: 30px; }
    .brasil .newsletter .texto {font-size: 27px; line-height: 1;}

    .produtos .texto {padding: 10px 0 10px 55px; gap: 15px;}
    .produtos .texto .titulo {font-size: 28px; line-height: normal;}
        .institucional-bg .institucional .img.img-medium {flex: 1 1 50%;}
}


@media(max-width: 990px){
    .blog-bg {padding: 45px 0;}
    .blog .parent .parent-titulo > .titulo {font-size: 27px;}
    .blog .lista-posts {padding: 35px 0;}
    .institucional-bg .institucional {display: flex; flex-direction: column-reverse; gap: 30px;}
    .produtos .chamada {grid-template-columns: 1fr;}
    .produtos .chamada .img {display: none;}

    .produtos .texto {padding: 30px; align-items: center;}
    .brasil .newsletter {grid-template-columns: 1fr;}
    .brasil .newsletter .texto {text-align: center;}
    .institucional-bg .institucional .fotos {margin: 0 auto;}
    .institucional-bg .institucional .texto-parent .titulo,
    .institucional-bg .institucional .texto-parent .texto{padding: 0; text-align: center;}
    .institucional-bg {padding: 45px 0 50px;}
    .produtos-parent {grid-template-columns: 1fr;}
    .brasil > .titulo .texto {width: auto;}
    footer .footer-bg {padding: 100px 0 0;}
    .brasil > .titulo {margin: 50px 0;}
    .brasil .newsletter .texto {font-size: 20px;}
    .institucional .btn-saiba-mais {margin: 0 auto;}

}

@media(max-width: 700px){
    main .diferenciais-bg {padding-bottom: 100px;}
    .blog .parent .parent-titulo {flex-direction: column; gap: 10px;}
    .institucional-bg .institucional .fotos {display: grid; grid-template-columns: repeat(2, 50%);}
    .institucional-bg .institucional .fotos .img .teste {width: 100%;}
    .institucional-bg .institucional .img-large .teste {margin: 0;}
    .institucional-bg .institucional .img-medium::before, .institucional-bg .institucional .img-large::before {display: none;}
    .institucional-bg .institucional .img-large {grid-column: 1/-1;}
    .institucional-bg .institucional .fotos {max-width: 100%;}
    .produtos .img img{width: 100%;height: 100%; object-fit: contain;} 
    .produtos-parent .produto {padding: 30px}

}

@media(max-width: 550px) {
    .institucional-bg .institucional .img-small,
    .institucional-bg .institucional .img-medium {display: none;}
    .institucional-bg .institucional .fotos {display: grid; grid-template-columns: 1fr;}
    .produtos .texto .titulo {text-align: center; font-size: 24px;}
    .produtos .texto {font-size: 13.5px;}
}