@media screen and (max-width: 1920px) {}
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1440px) {
#metodologia .content .esq .titulo {
font-size: 26px;
}
#o_que_e .content .titulo, #ecossistema .content .titulo {
font-size: 22px;
}
.cta_botao.btn_animacao span {
font-size: 12.5px;
}
}
@media screen and (max-width: 1366px) {
#ecossistema .content .texto,#o_que_e .content .texto, #metodologia .content .esq .texto  {
line-height: 23px;
}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 1024px) {
#ecossistema .content .texto, #o_que_e .content .texto, #metodologia .content .esq .texto {
font-size: 14px;
}
#metodologia {
padding: 86px 0 5vw;
}
#metodologia .content {
flex-direction: column;
min-width: 90%;
width: 100%;
}
#metodologia .content .esq {
width: 100%;
padding: 0 40px;
}
#metodologia .content .esq .subtitulo, #o_que_e .content .subtitulo , #ecossistema .content .subtitulo {
margin: 8px 0px;
}
#metodologia .content .dir{
width: 100%;
margin-top: 40px;
justify-content: center;
align-items: center;
padding: 0;
}
#metodologia .content .esq .titulo {
font-size: 28px;
}
#o_que_e .content {
min-width: 90%;
padding: 0px;
}
#o_que_e .content .titulo, #ecossistema .content .titulo {
font-size: 24px;
}
#o_que_e .content .area-box {
justify-content: center;
margin-right: 0;
margin-top: 30px;
margin-bottom: 5.4vw;
}
#o_que_e .content .area-box{
flex-wrap: wrap;
}
#o_que_e .content .area-box .box {
width: 27%;
}
#o_que_e .content .area-box .mais, #o_que_e .content .area-box .igual {
font-size: 30px;
}
#ecossistema .content {
min-width: 90%;
padding: 0px;
}
#sepi_cta {
padding: 60px 0;
}
#sepi_cta .content {
flex-direction: column;
padding: 0 40px;
min-width: 90%;
width: 100%;
}
#sepi_cta .box_esq, #sepi_cta .box_dir {
padding: 0;
width: 100%;
}
.cta_subtitulo {
text-align: center;
font-size: 16px;
}
.cta_titulo {
text-align: center;
font-size: 36px;
line-height: 46px;
margin-bottom: 40px;
}
.cta_chamado {
font-size: 18px;
margin-bottom: 30px;
}
.cta_botao.btn_animacao span {
font-size: 14px;
}
}
@media screen and (max-width: 996px) {}
@media screen and (max-width: 768px) {
#metodologia {
padding: 86px 0 50px;
}
#o_que_e .content .area-box {
margin-bottom: 50px;
}
#ecossistema .content .cards{
row-gap: 20px;
margin: 37px 0px;
}
#ecossistema .content .cards .card {
width: 100%;
padding: 2vw 2vw;
}
#ecossistema .content .cards .card .logo {
position: relative;
top: 0px;
}
#ecossistema .content .cards .card .texto{
margin-bottom: 0px;
}
#ecossistema .content .box-cima .texto .subtitulo {
margin: 12px 0px;
}
#ecossistema .content .cards .card .saiba-mais {
position: relative;
bottom: 0px;
padding: 2vw 5vw
}
}
@media screen and (max-width: 600px) {
#metodologia {
padding: 30px 0 50px;
}
#metodologia .content .esq {
padding: 0 18px;
}
#ecossistema .content {
min-width: 100%;
padding: 0px 18px;
}
#metodologia .content .dir img{
width: 90%;
}
#o_que_e .content .area-box .box {
width: 100%;
min-height: unset;
padding: 3vw 2vw;
}
#o_que_e .content .area-box .icone {
position: relative;
top: 0px;
width: 100%;
height: auto;
}
#o_que_e .content .area-box .mais, #o_que_e .content .area-box .igual {
font-weight: 700;
}
#sepi_intro .box_esq, #sepi_intro .box_dir, #sepi_intro .content_full, #relacionados .content, #sepi_cta .content {
padding: 0px 18px;
}
}
@media screen and (max-width: 490px) {
#ecossistema .content .cards .card {
padding: 5vw 2vw;
}
#ecossistema .content .cards .card .saiba-mais {
padding: 3vw 8vw;
}
#metodologia .content .esq .subtitulo, #o_que_e .content .subtitulo , #ecossistema .content .subtitulo {
font-size: 14px;
}
}
@media screen and (max-width: 460px) {}
@media screen and (max-width: 430px) {
.cta_titulo{
font-size: 32px;
line-height: 40px;
}
.cta_subtitulo {
font-size: 15px;
}
.cta_chamado {
font-size: 16px;
}
}
@media screen and (max-width: 400px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 330px) {
#o_que_e .content .area-box .box {
padding: 4vw 2vw;
}
}
@media screen and (max-width: 280px) {}