@media (max-width: 768px) {
    :root {
        --width-container: 95%;
    }

	html, body{

	}
	body{
		overflow-x: hidden;
	}
	body.menu-open {
		overflow: hidden;
	}
	p, a, h1, h2, h3, h4, h5, h6, li, small, div, span, label, font, input, button, textarea, select, button{

	}


	button.botao-solicite-demonstracao{
	    font-size: 15.5px;
	    padding: 9px 17px;
	    border-radius: 7px;
	}


	main{

	}

	main section.principal{
	    min-height: auto;
	    display: flex;
	    flex-direction: column;
	    padding-top: 18px;
	    padding-bottom: 40px;
	    gap: 50px;
	    position: relative;
	}
	main section.principal header{
	    display: flex;
	    gap: 10px;
	    align-items: center;
	    justify-content: space-between;
	    width: var(--width-container);
	    margin: 0 auto;
	    max-width: 90%;
	}
	main section.principal header .logotipo.desktop{
	    display: none;
	}
	main section.principal header .logotipo.celular{
	    display: block;
	    width: 150px;
	    position: relative;
	    z-index: 99;
	}
	main section.principal header .logotipo.celular path.elementos-branco{
		fill: #000000;
	}
	.menu-open main section.principal header .logotipo.celular path.elementos-branco{
		fill: #ffffff;
	}
	main section.principal header nav.menu{
		position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 95;
	    gap: 32px;
	    flex-direction: column;
	    border-radius: 0;
	    padding: 0;
	    align-items: center;
        justify-content: center;
        display: none;
	}
	main section.principal header nav.menu .divider{
		width: 100%;
		border-bottom: 1px solid #5BBB5D;
		display: block;
	}
	.menu-open main section.principal header nav.menu{
		display: flex;
		padding: 0 65px;
		box-sizing: border-box;
	}
	main section.principal header nav.menu button.link-menu{
	    font-size: 25px;
	}
	main section.principal header nav.menu button.botao-solicite-demonstracao{
		color: #5BBB5D;
	    font-size: 25px;
	    line-height: 1.25em;
		background-color: transparent;
	}
	main section.principal header .icones-acoes-celular{
	    display: block;
	    position: relative;
	    z-index: 99;
	    margin-top: 3px;
	}
	main section.principal header .icones-acoes-celular button{
	    background-color: transparent;
	    border: none;
	}
	main section.principal header .icones-acoes-celular button .svg{
		width: 28px;
	}
	main section.principal header .icones-acoes-celular button.icone-abrir-menu{
	    
	}
	.menu-open main section.principal header .icones-acoes-celular button.icone-abrir-menu{
	    display: none;
	}
	main section.principal header .icones-acoes-celular button.icone-fechar-menu{
	    display: none;
	}
	.menu-open main section.principal header .icones-acoes-celular button.icone-fechar-menu{
	    display: block;
	}
	main section.principal .conteudo{
	    gap: 25px;
	    flex-direction: column-reverse;
	}
	main section.principal .conteudo .esquerda{
	    width: 100%;
	    gap: 30px;
	}
	main section.principal .conteudo .esquerda h1{
	    font-size: 24px;
	}
	main section.principal .conteudo .esquerda p{
	    font-size: 17px;
	    line-height: 1.35em;
	    width: 100%;
	}
	main section.principal .conteudo .esquerda button{

	}
	main section.principal .conteudo .direita{
	    width: 100%;
	}
	main section.principal .conteudo .direita .video{
	    background-color: #D9D9D9;
	    position: relative;
	}
	main section.principal .conteudo .direita .video .capa{
	    width: 100%;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	main section.principal .conteudo .direita .video .capa .svg{

	}
	main section.principal .conteudo .direita .video .iframe{
	    opacity: 0;
	    width: 100%;
	    position: relative;
	    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
	main section.principal .conteudo .direita .video .iframe iframe{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	main section.clientes{
	    padding: 30px 0;
	    padding-bottom: 40px;
	}
	main section.clientes .conteudo{
	    gap: 30px;
	    flex-direction: column;
	}
	main section.clientes .conteudo .titulo{

	}
	main section.clientes .conteudo .titulo h2{
	    font-size: 24px;
	}
	main section.clientes .conteudo .titulo h2 .dois-pontos{
		display: none;
	}
	main section.clientes .conteudo .logotipos{
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    flex: 1;
	    flex-wrap: wrap;
	    gap: 20px;
	    justify-content: space-between;
	}
	main section.clientes .conteudo .logotipos .logotipo{
	    flex: 1 1 calc(50% - 20px);
	    max-width: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	main section.clientes .conteudo .logotipos .logotipo img{
	    max-width: 75%;
	}

	main section.por-que-escolher{
	    padding-bottom: 70px;
	    padding-top: 30px;
	}
	main section.por-que-escolher .titulo{
	    margin-bottom: 35px;
	}
	main section.por-que-escolher .titulo h2{
	    font-size: 28px;
	}
	main section.por-que-escolher .conteudo{
	    gap: 10px;
	    width: 150%;
	    transform: translateX(-20%);
	}
	main section.por-que-escolher .conteudo > div{
	    gap: 10px;
	}
	main section.por-que-escolher .conteudo .mobile{
		display: flex;
	}
	main section.por-que-escolher .conteudo .primeira-linha{
	    
	}
	main section.por-que-escolher .conteudo .primeira-linha .box:nth-child(1){
	    width: 60%;
	}
	main section.por-que-escolher .conteudo .primeira-linha .box:nth-child(3){
	    width: 20%;
	}
	main section.por-que-escolher .conteudo .primeira-linha .box:nth-child(4){
	    display: none;
	}
	main section.por-que-escolher .conteudo .segunda-linha{
	    
	}
	main section.por-que-escolher .conteudo .segunda-linha .box:nth-child(1){
	    width: 30%;
	}
	main section.por-que-escolher .conteudo .segunda-linha .box:nth-child(3){
		/* card de Redução de erros e atrasos */
		display: none;
	}
	main section.por-que-escolher .conteudo .segunda-linha .box:nth-child(4){
	    width: 40%;
	}
	main section.por-que-escolher .conteudo .terceira-linha{
	    
	}
	main section.por-que-escolher .conteudo .terceira-linha .box:nth-child(1){
	    width: 45%;
	}
	main section.por-que-escolher .conteudo .terceira-linha .box:nth-child(3){
	    width: 5%;
	}
	main section.por-que-escolher .conteudo .terceira-linha .box:nth-child(4),
	main section.por-que-escolher .conteudo .terceira-linha .box:nth-child(5){
		/* card de BI completo e bloco extra de cor */
	    display: none;
	}
	main section.por-que-escolher .conteudo .quarta-linha .box:nth-child(1){
	    width: 20%;
	}
	main section.por-que-escolher .conteudo .quarta-linha .box:nth-child(3){
	    width: 30%;
	}
	main section.por-que-escolher .conteudo .quinta-linha .box:nth-child(1){
	    width: 40%;
	}
	main section.por-que-escolher .conteudo .quinta-linha .box:nth-child(3){
	    width: 10%;
	}
	main section.por-que-escolher .conteudo .box{
	    border-radius: 22px;
	}
	main section.por-que-escolher .conteudo .box.box-cor{
	    min-width: 60px;
	}
	main section.por-que-escolher .conteudo .box.box-conteudo{
	    gap: 16px;
	    padding: 10px 12px;
	    padding-right: 22px;
	}
	main section.por-que-escolher .conteudo .box.box-conteudo img{
	    width: 50px;
	}
	main section.por-que-escolher .conteudo .box.box-conteudo span{
	    font-size: 15px;
	    white-space: wrap;
	    min-width: 175px;
	}

	main section.comece-hoje{
	    padding-top: 30px;
	    padding-bottom: 40px;
	}
	main section.comece-hoje .conteudo{
	    width: 100%;
	}
	main section.comece-hoje .conteudo h3.titulo{
	    margin-bottom: 28px;
	    font-size: 23px;
	}

	main section.compromisso{
	    padding-top: 45px;
	    padding-bottom: 80px;
	}
	main section.compromisso .conteudo{
	    gap: 60px;
	    flex-direction: column;
	    align-items: flex-start;
	}
	main section.compromisso .conteudo .esquerda{
	    max-width: 100%;
	}
	main section.compromisso .conteudo .esquerda h2{
	    font-size: 28px;
	    margin-bottom: 30px;
	}
	main section.compromisso .conteudo .esquerda p{
	    line-height: 1.35em;
	    font-size: 17px;
	}
	main section.compromisso .conteudo .esquerda .missao-visao-valores{
	    margin-top: 40px;
	}
	main section.compromisso .conteudo .esquerda .missao-visao-valores p{
		margin-bottom: 10px;
	}
	main section.compromisso .conteudo .direita{
	    width: 95%;
	    max-width: 95%;
	}
	main section.compromisso .conteudo .direita .infografico{
	    width: 100%;
	}

	main section.nossos-numeros{
	    padding-top: 50px;
	    padding-bottom: 60px;
	    gap: 30px;
	}
	main section.nossos-numeros .titulo{

	}
	main section.nossos-numeros .titulo h2{
	    font-size: 28px;
	    padding: 0 24px;
	    padding-bottom: 14px;
	}
	main section.nossos-numeros .conteudo{
		flex-direction: column;
	    gap: 35px;
	}
	main section.nossos-numeros .conteudo > div{
	    flex: 1;
	}
	main section.nossos-numeros .conteudo .numero{
	    font-size: 55px;
	}
	main section.nossos-numeros .conteudo .numero span{

	}
	main section.nossos-numeros .conteudo span.descricao{
	    font-size: 17px;
	}

	main section.recursos{
	    padding-top: 70px;
	    padding-bottom: 60px;
	}
	main section.recursos .titulo{
	    margin-bottom: 30px;
	}
	main section.recursos .titulo h2{
	    margin-bottom: 15px;
	    font-size: 18px;
	}
	main section.recursos .titulo button{
	    font-size: 16.5px;
	    padding: 8px 26px;
	}
	main section.recursos .titulo h3{
	    margin-top: 17px;
	    font-size: 24px;
	}
	main section.recursos .conteudo{
	    flex-direction: column;
	    gap: 30px;
	}
	main section.recursos .conteudo > div{
	    width: 100%;
	    flex: 1;
	    max-width: 100%;
	    gap: 8px;
	    padding: 0;
	}
	main section.recursos .conteudo .icone{
	    width: 75px;
	    height: 75px;
	}
	main section.recursos .conteudo .icone .svg{
	    max-width: 38px;
	    max-height: 38px;
	    width: 38px;
	}
	main section.recursos .conteudo h5{
	    font-size: 18px;
	}
	main section.recursos .conteudo p{
		font-size: 16px;
	}
	main section.recursos .conteudo .transforme-seu-processo{
	    gap: 15px;
	    padding: 0;
	    margin-top: 30px;
	}
	main section.recursos .conteudo .transforme-seu-processo h4{
	    font-size: 24px;
	}
	main section.recursos .conteudo .transforme-seu-processo a.botao-acesse-lista{
	    font-size: 16px;
	    padding: 10px 50px;
	}

	main section.escolha-plano{
	    padding-top: 50px;
	    padding-bottom: 80px;
	}
	main section.escolha-plano .titulo{
	    margin-bottom: 35px;
	    width: 90%;
	}
	main section.escolha-plano .titulo h4{
	    font-size: 16px;
	    margin-bottom: 5px;
	}
	main section.escolha-plano .titulo h2{
	    font-size: 28px;
	}
	main section.escolha-plano .conteudo{
		flex-direction: column;
	    gap: 40px;
	}
	main section.escolha-plano .conteudo .plano{
	    width: 100%;
	    flex: 1;
	    max-width: 100%;
	}
	main section.escolha-plano .conteudo .plano h4.titulo-plano{
	    font-size: 17px;
	    padding: 12px 26px;
	}
	main section.escolha-plano .conteudo .plano .descricao{
	    padding: 14px 26px;
	}
	main section.escolha-plano .conteudo .plano .descricao p{
	    font-size: 17px;
	}
	main section.escolha-plano .conteudo .plano .informacoes{
	    padding: 5px;
	}
	main section.escolha-plano .conteudo .plano .informacoes .blocos{

	}
	main section.escolha-plano .conteudo .plano .informacoes .blocos .bloco{
	    padding: 10px 0px;
	    margin: 0 24px;
	    gap: 5px;
	}
	main section.escolha-plano .conteudo .plano .informacoes .blocos .bloco.incluso{
	    
	}
	main section.escolha-plano .conteudo .plano .informacoes .blocos .bloco span{
	    font-size: 15.5px;
	    gap: 8px;
	}
	main section.escolha-plano .conteudo .plano .informacoes .blocos .bloco span:before{
	    width: 12px;
	    height: 12px;
	    top: 1px;
	    left: 1px;
	}
	main section.escolha-plano .conteudo .plano .informacoes button{
	    padding: 11px 30px;
	    font-size: 17px;
	    margin-top: 20px;
	}

	main section.solicite-demonstracao{
	    padding-top: 50px;
	    padding-bottom: 60px;
	}
	main section.solicite-demonstracao .conteudo{
		flex-direction: column;
	    gap: 40px;
	}
	main section.solicite-demonstracao .conteudo .esquerda{
		padding: 0;
	    max-width: 100%;
	}
	main section.solicite-demonstracao .conteudo .esquerda .logotipo{
	    height: auto;
	    width: 200px;
	    max-width: 75%;
	    margin-bottom: 40px;
	}
	main section.solicite-demonstracao .conteudo .esquerda h2.titulo{
	    margin-bottom: 15px;
	    font-size: 24px;
	    line-height: 1.2em;
	}
	main section.solicite-demonstracao .conteudo .esquerda h4.subtitulo{
	    font-size: 20px;
	    line-height: 1.25em;
	    padding-right: 0px;
	    font-weight: 700;
	}
	main section.solicite-demonstracao .conteudo .direita{
	    max-width: 100%;
	    width: 100%;
	}
	main section.solicite-demonstracao .conteudo .direita .box-formulario{
	    border-radius: 12px;
	    padding: 18px 20px;
	    padding-top: 25px;
	}
	main section.solicite-demonstracao .conteudo .direita .box-formulario h3{
	    font-size: 19px;
	    margin-bottom: 23px;
	}
	main section.solicite-demonstracao .conteudo .direita .box-formulario form{

	}
	main section.solicite-demonstracao .conteudo .direita .box-formulario form .campos{
	    gap: 14px;
	    margin-bottom: 15px;
	}
	main section.solicite-demonstracao .conteudo .direita .box-formulario form .campos input,
	main section.solicite-demonstracao .conteudo .direita .box-formulario form .campos textarea{
	    border-radius: 9px;
	    padding: 8px 16px;
	    font-size: 17px;
	}
	main section.solicite-demonstracao .conteudo .direita .box-formulario form .campos textarea{
	    height: 140px;
	}
	main section.solicite-demonstracao .conteudo .direita .box-formulario form button.botao-enviar{
	    font-size: 16px;
	    padding: 7px 13px;
	    border-radius: 9px;
	}

	main section.solicite-demonstracao .conteudo .direita .box-formulario.envio-sucesso{
	    padding: 18px 20px;
	}


	footer.rodape{
	    padding: 50px 0;
	}
	footer.rodape .conteudo{
		flex-direction: column;
		gap: 50px;
	}
	footer.rodape .conteudo > div{
	    
	}
	footer.rodape .conteudo .logo-contatos{
		flex-direction: column;
	    gap: 15px;
	}
	footer.rodape .conteudo .logo-contatos .svg.elemento-logotipo{
	    width: 55px;
	    margin-bottom: 20px;
	}
	footer.rodape .conteudo .logo-contatos a{
	    font-size: 18px;
	}
	footer.rodape .conteudo .baixe-app{
	    flex-direction: column;
	    gap: 22px;
	}
	footer.rodape .conteudo .baixe-app h4.titulo{
	    font-size: 18.5px;
	}
	footer.rodape .conteudo .baixe-app .links-lojas{
	    gap: 17px;
	    width: 95%;
	}
	footer.rodape .conteudo .baixe-app .links-lojas a{
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	footer.rodape .conteudo .baixe-app .links-lojas a .svg{
	    max-width: 90%;
	    width: 100%;
	    height: auto;
	}
	footer.rodape .conteudo .baixe-app .links-lojas a:hover{

	}
	footer.rodape .conteudo .baixe-app .links-lojas a.link-google{

	}
	footer.rodape .conteudo .baixe-app .links-lojas a.link-apple{

	}


	.link-whatsapp-flutuante{
	    right: 15px;
	    bottom: 18px;
	    z-index: 99;
	}
	.link-whatsapp-flutuante a{
	    width: 60px;
	    height: 60px;
	}
	.link-whatsapp-flutuante a .svg{
	    width: 34px;
	}


	section#screen-loading{

	}
	section#screen-loading .svg.logo{
	    width: 80px;
	}
	section#screen-loading .loading-bar{

	}

}