@media (max-width: 768px) {
    :root {
        --width-container: 95%;
    	--cor-primaria: #152b4a;
    }

	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{

	}


	header.menu{
	    display: flex;
	    gap: 10px;
	    align-items: center;
	    justify-content: space-between;
	    width: var(--width-container);
	    margin: 0 auto;
	    max-width: 91%;
	    padding: 22px 0;
	}
	header.menu .logotipo{
	    display: block;
	    position: relative;
	    z-index: 99;
	}
	header.menu .logotipo .svg{
	    width: 200px;  
	}
	header.menu 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;
	    background-color: var(--cor-primaria);
	}
	.pagina-escritorio header.menu nav.menu{
	    background-color: var(--cor-neutra);
	}
	.pagina-area-atuacao header.menu nav.menu{
	    background-color: var(--cor-secundaria);
	}
	.pagina-contato header.menu nav.menu{
	    background-color: var(--cor-primaria);
	}
	.menu-open header.menu nav.menu{
		display: flex;
		padding: 0 65px;
		box-sizing: border-box;
		gap: 45px;
	}
	header.menu nav.menu a{
	    font-size: 24px;
	}
	header.menu .icones-acoes-celular{
	    display: block;
	    position: relative;
	    z-index: 99;
	}
	header.menu .icones-acoes-celular button{
	    background-color: transparent;
	    border: none;
	}
	header.menu .icones-acoes-celular button .svg{
		width: 28px;
	}
	.pagina-area-atuacao header.menu .icones-acoes-celular button .svg path{
	    fill: var(--cor-primaria);   
	}
	header.menu .icones-acoes-celular button.icone-abrir-menu{
	    
	}
	.menu-open header.menu .icones-acoes-celular button.icone-abrir-menu{
	    display: none;
	}
	header.menu .icones-acoes-celular button.icone-fechar-menu{
	    display: none;
	}
	.menu-open header.menu .icones-acoes-celular button.icone-fechar-menu{
	    display: block;
	}



	.pagina-index{

	}
	.pagina-index main{
	    
	}

	.pagina-index main section.principal{
		overflow: hidden;
	}

	.pagina-index main section.principal .conteudo{
	    padding-bottom: 120px;
	    z-index: 9;
	}
	.pagina-index main section.principal .conteudo .texto{
	    width: 70%;
	}
	.pagina-index main section.principal .conteudo .texto h2{
	    font-size: 36px;
	}
	.pagina-index main section.principal .video-fundo{
		height: 50%;
		top: 40%;
		transform: translateY(-50%);
	}
	.pagina-index main section.principal .video-fundo video{

	}

	.pagina-index main section.parallax{
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-attachment: scroll;
	    position: relative;
	    z-index: 1;
	}
	.pagina-index main section.parallax.parallax.parallax-image-1{
	    height: 40vh;
	}
	.pagina-index main section.parallax.parallax.parallax-image-2{
	    height: 45vh;
	}

	.pagina-index main section.estrategia-juridica-futuro-seguro,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras{

	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .conteudo,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .conteudo{

	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .topo,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .topo{
	    padding-top: 40px;
	    padding-bottom: 45px;
	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .topo .conteudo,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .topo .conteudo{

	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .topo .conteudo h3,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .topo .conteudo h3{
	    font-size: 25px;
	    width: 80%;
	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .conteudo.textos,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .conteudo.textos{
	    padding-top: 55px;
	    padding-bottom: 80px;
	    flex-direction: column;
	    gap: 55px;
	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .conteudo.textos > div,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .conteudo.textos > div{
	    max-width: 100%;
	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .conteudo.textos h4,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .conteudo.textos h4{
	    margin-bottom: 15px;
	    font-size: 16px;
	}
	.pagina-index main section.estrategia-juridica-futuro-seguro .conteudo.textos p,
	.pagina-index main section.inovacao-eficiencia-decisoes-seguras .conteudo.textos p{
	    font-size: 16px;
	    letter-spacing: 0.03em; 
	    line-height: 1.3em;
	}

	.pagina-index main section.conheca-nossos-servicos{
	    padding-top: 50px;
	    padding-bottom: 65px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo{
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 35px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda{
	    padding-right: 50px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda h4{
	    font-size: 21.5px;
	    margin-bottom: 25px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda h4 strong{

	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda a.botao-conheca-nossos-servicos{

	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda a.botao-conheca-nossos-servicos span{
	    font-size: 15px;
	    padding: 10px 18px;
	    border-radius: 7px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda a.botao-conheca-nossos-servicos .box-seta{
	    border-radius: 7px;
	    padding: 5px 8px;
	    padding-bottom: 4px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda a.botao-conheca-nossos-servicos .box-seta .svg{
	    width: 24px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda a.botao-conheca-nossos-servicos:hover .box-seta{
	    padding: 5px 11px;
	    padding-bottom: 3px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .esquerda a.botao-conheca-nossos-servicos:hover .box-seta .svg{
	    width: 36px;
	}
	.pagina-index main section.conheca-nossos-servicos .conteudo .direita{
	    max-width: 140px;
	}


	.pagina-interna{

	}
	.pagina-interna main section.topo{
		gap: 30px !important;
	}
	.pagina-interna main section.topo .conteudo{
		flex-direction: column-reverse;
	    gap: 45px;
	    padding-bottom: 50px;
	}
	.pagina-interna main section.topo .conteudo .esquerda.texto{
		padding: 0 !important;
		width: 100%;
	}
	.pagina-interna main section.topo .conteudo .esquerda.texto h1{
	    font-size: 18px;
	    margin-bottom: 15px !important;
	}
	.pagina-interna main section.topo .conteudo .esquerda.texto h2{
	    font-size: 33px;
	}
	.pagina-interna main section.topo .conteudo .direita.elemento-logotipo-3d{
	    max-width: 60% !important;
	}


	.pagina-escritorio main section.topo{

	}

	.pagina-escritorio main section.institucional{
	    padding-top: 40px;
	    padding-bottom: 30px;
	}
	.pagina-escritorio main section.institucional .conteudo{
	    gap: 40px;
	    flex-direction: column-reverse;
	}
	.pagina-escritorio main section.institucional .conteudo .esquerda{
	    max-width: 100%;
	    width: 100%;
	}
	.pagina-escritorio main section.institucional .conteudo .esquerda img{
	    border-radius: 10px;
	    height: 480px;
	}
	.pagina-escritorio main section.institucional .conteudo .direita{
	    gap: 45px;
	    flex-direction: column;
	    padding-top: 5px;
	}
	.pagina-escritorio main section.institucional .conteudo .direita > div{
	    width: 100%;
	}
	.pagina-escritorio main section.institucional .conteudo .direita h4{
	    margin-bottom: 15px;
	    font-size: 16px;
	}
	.pagina-escritorio main section.institucional .conteudo .direita p{
	    font-size: 16px;
	    letter-spacing: 0.03em; 
	    line-height: 1.3em;
	}

	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas,
	.pagina-escritorio main section.conheca-nosso-time{

	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo,
	.pagina-escritorio main section.conheca-nosso-time .conteudo{

	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .topo,
	.pagina-escritorio main section.conheca-nosso-time .topo{
	    padding-top: 40px;
	    padding-bottom: 45px;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .topo .conteudo,
	.pagina-escritorio main section.conheca-nosso-time .topo .conteudo{

	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .topo .conteudo h3,
	.pagina-escritorio main section.conheca-nosso-time .topo .conteudo h3{
	    font-size: 25px;
	    width: 90%;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.textos,
	.pagina-escritorio main section.conheca-nosso-time .conteudo .texto-introducao{
	    padding-top: 55px;
	    padding-bottom: 60px;
	    flex-direction: column;
	    gap: 50px;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.textos > div{
	    max-width: 100%;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.textos h4{
	    margin-bottom: 15px;
	    font-size: 16px;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.textos p,
	.pagina-escritorio main section.conheca-nosso-time .conteudo .texto-introducao p{
	    font-size: 16px;
	    letter-spacing: 0.03em; 
	    line-height: 1.3em;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas{
	    padding-bottom: 50px;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.imagens{
	    display: flex;
	    flex-direction: column;
	    gap: 20px;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.imagens .esquerda{
	    width: 100%;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.imagens .esquerda img{
	    border-radius: 10px;
	    margin-bottom: -5px;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.imagens .direita{
	    gap: 20px;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.imagens .direita .box-frase{
	    border-radius: 10px;
	    padding: 35px 0;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.imagens .direita .box-frase h3{
	    font-size: 20px;
	    width: 80%;
	}
	.pagina-escritorio main section.presenca-nacional-solucoes-estrategicas .conteudo.imagens .direita img{
	    border-radius: 12px;
	}

	.pagina-escritorio main section.conheca-nosso-time{
	    padding-bottom: 60px;
	}
	.pagina-escritorio main section.conheca-nosso-time .conteudo .texto-introducao{
	    width: 100%;
	    gap: 50px;
	    padding-bottom: 50px;
	}
	.pagina-escritorio main section.conheca-nosso-time .conteudo .texto-introducao h4{
	    font-size: 20px;
	    width: 95%;
	}
	.pagina-escritorio main section.conheca-nosso-time .profissionais{
	    gap: 30px 15px;
	}
	.pagina-escritorio main section.conheca-nosso-time .profissionais .profissional{
	    gap: 10px;
	    padding-bottom: 17px;
	    width: calc(50% - 10px);
	}
	.pagina-escritorio main section.conheca-nosso-time .profissionais .profissional img{
	    border-radius: 10px;
	}
	.pagina-escritorio main section.conheca-nosso-time .profissionais .profissional span.nome{
	    font-size: 17px;
	}


	.pagina-area-atuacao main section.topo{

	}
	.pagina-area-atuacao main section.topo .conteudo .esquerda.texto h2{
	    margin-bottom: 35px;
	}
	.pagina-area-atuacao main section.topo .conteudo .esquerda.texto .introducao{
	    padding-right: 20px;
	}
	.pagina-area-atuacao main section.topo .conteudo .esquerda.texto .introducao p{
	    margin-bottom: 5px;
	    font-size: 16px;
	}

	.pagina-area-atuacao main section.topo .conteudo .direita.elemento-logotipo-3d{

	}
	.pagina-area-atuacao main section.areas-atuacao{
	    padding-top: 60px;
	    padding-bottom: 50px;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo{
	    gap: 50px;
	    flex-direction: column;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .esquerda h4{
	    font-size: 20px;
	    margin-bottom: 30px;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .esquerda img{
	    border-radius: 10px;
	    height: 280px;
	    width: 100%;
	    object-fit: cover;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita{
	    width: 100%;
	    gap: 40px;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita h3{
	    font-size: 15.5px;
	    margin-bottom: 14px;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos{
	    
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos a.topico{
	    padding: 8px 1px;
	    gap: 17px;
	    padding-right: 3px;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos a.topico .nome{
	    display: flex;
	    gap: 0px;
	    transition: .2s;
	    flex: 1;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos a.topico:hover .nome{
	
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos a.topico .nome .icone{
	    display: none;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos a.topico .nome .icone .svg{
	    display: none;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos a.topico .nome span{
	    font-size: 15px;
	    line-height: 1.35em;
	    width: 100%;
	}
	.pagina-area-atuacao main section.areas-atuacao .conteudo .direita .topicos a.topico span.entre-contato{
		display: none;
	}


	.pagina-contato main section.topo{

	}
	.pagina-contato main section.topo .conteudo{
		flex-direction: column;
	}
	.pagina-contato main section.topo .conteudo .esquerda.texto{
	    max-width: 90%;
	}
	.pagina-contato main section.topo .conteudo .esquerda.texto h2{
	    margin-bottom: 40px;
	}
	.pagina-contato main section.topo .conteudo .esquerda.texto .elemento-logotipo-3d{
		width: 50%;
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato{
	    width: 100%;
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form{

	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos{
	    gap: 13px;
	    margin-bottom: 23px;
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo{

	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo.focus{

	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo .label{

	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo.focus .label{
	    transform: scale(.75) translateX(-16%);
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo .label label{
	    font-size: 17px;
	    top: 28px;
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo.focus .label label{
	    top: 3px;
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo input,
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo textarea{
	    font-size: 17px;
	    height: 28px;
	    padding: 5px 2px;
	    padding-top: 4px;
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form .campos .campo textarea{
	    padding-top: 5px;
	    padding-bottom: 1px;
	}
	.pagina-contato main section.topo .conteudo .direita.formulario-contato form button.botao-enviar{
	    font-size: 17px;
	    padding: 9px 33px;
	}

	.pagina-contato main section.mapa{
	    
	}
	.pagina-contato main section.mapa iframe{
	    height: 550px;
	}



	footer.rodape{
	    padding-top: 40px;
	    padding-bottom: 60px;
	}
	footer.rodape .conteudo{
		flex-direction: column;
		gap: 55px;
	}
	footer.rodape .conteudo .logo-redes-sociais{

	}
	footer.rodape .conteudo .logo-redes-sociais .logotipo{
	    margin-bottom: 28px;
	}
	footer.rodape .conteudo .logo-redes-sociais .logotipo .svg{
	    width: 230px;
	}
	footer.rodape .conteudo .logo-redes-sociais .redes-sociais{
	    gap: 18px;
	}
	footer.rodape .conteudo .logo-redes-sociais .redes-sociais > a{
	    font-size: 17px;
	}
	footer.rodape .conteudo .menu-links{
	    gap: 16px;
	    padding-top: 0px;
	}
	footer.rodape .conteudo .menu-links > a{
	    font-size: 18px;
	}
	footer.rodape .conteudo .contatos{
	    padding-top: 0px;
	    padding-right: 30px;
	}
	footer.rodape .conteudo .contatos .info{
	    padding: 8px 2px;
	    width: 100%;
	}
	footer.rodape .conteudo .contatos .info:nth-child(1){
	    border: none;
	    padding-top: 0px;
	}
	footer.rodape .conteudo .contatos .info > a{
	    font-size: 17px;
	}

	#link-flutuante-wpp{
	    width: 54px;
	    right: 22px;
	    bottom: 28px;
	}
	#link-flutuante-wpp .link-action{
	    width: 54px;
	    height: 54px;
	}
	#link-flutuante-wpp .link-action i {
	    font-size: 2.1rem;
	}
	#link-flutuante-wpp {
	    width: 54px;
	    height: 54px;
	}


	section#screen-loading{
	
	}
	section#screen-loading .svg.logo{
	    width: 70px;
	}
	section#screen-loading .loading-bar{
	    height: 3px;
	}


}