* {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.3; box-sizing:border-box}
html {height:100%}
body {margin:0px; height:100%; background-color:#FFF}
h1 {width:100%; text-align:center; font-size:38px; font-weight:700; line-height:1.1; color:#2C3540; padding:0px; margin:0px; text-transform:uppercase}
h2 {font-size:38px; font-weight:700; line-height:1.2; color:#2C3540; padding:0px; margin:0px; text-align:center}
input[type=text], input[type=email], input[type=password], textarea {border:1px #D4D4D4 solid; border-radius:3px 4px 4px 0px; padding:15px 10px; width:100%; color:#111}
strong {font-size:inherit; padding:0px; margin:0px}

:root {
    --corLogoPrimaria: #0c0636;
    --corLogoSecundaria: #0098ad;
    --corLogoTerciaria: #9fd86b;
    --linkPadrao: #1878C0;
    --corWhatsapp: #0DC143;
}

.grid-g {width:calc(100% - 28px); max-width:1160px; margin:0px 14px}
.grid-m {width:calc(100% - 28px); max-width:780px}
.flex {display:flex; flex-wrap:wrap}
.linha {display:flex; width:100%; flex-wrap:wrap}
.centralizar {justify-content:center}
.mouseHover:hover {opacity:0.7; cursor:pointer; transition:120ms}
.btnTodos {background-color:transparent; border:2px var(--corLogoSecundaria) solid; font-size:16px; font-weight:600; border-radius:100px; padding:20px 50px; color:var(--corLogoSecundaria); text-decoration:none; margin-top:20px; text-align:center}
.btnTodos:hover {background-color:var(--corLogoSecundaria); color:#fff}

.marginTop10 {margin-top:10px !important}
.marginTop20 {margin-top:20px !important}
.marginTop30 {margin-top:30px !important}
.marginTop40 {margin-top:40px !important}
.marginTop50 {margin-top:50px !important}

/*
.texto, .texto b, .texto p, .texto i {font-size:15px; color:#111; line-height:1.6}
.texto p {margin:0px; padding:0px}
.texto b {font-weight:700}
.texto img {max-width:100%; height:auto; border-radius:6px; margin:20px 0px}
*/

.texto, .texto b, .texto strong, .texto p, .texto i {font-size:15px; color:#222; line-height:1.6}
.texto p {width:100%; margin:14px 0px; padding:0px}
.texto p:first-child {margin-top:0px}
.texto b, .texto stong {font-weight:700}
.texto ul li {margin:8px 0px}
.texto img {max-width:100%; height:auto; border-radius:6px; margin:0px}

#topo {display:flex; width:100%; flex-wrap:wrap; justify-content:center}
#topo.fundo {background-color:var(--corLogoPrimaria)}
#topo .linhaInfo {padding:15px 0px; border-bottom:1px #595959 solid}
#topo .linhaInfo.borderHome {border-bottom:1px #6c6c6c solid !important}
#topo .linhaInfo .infos {display:flex; justify-content:space-between; font-size:13px; color:#fff; align-items:center}
#topo .linhaInfo .infos div {font-size:13px; color:#fff}
#topo .linhaInfo .infos .local {background:url('../img/icon-local.png') no-repeat left center; background-size:11px; padding-left:18px}
#topo .linhaInfo .infos .horario {background:url('../img/icon-horario.png') no-repeat left center; background-size:11px; padding-left:18px}
#topo .linhaInfo .infos .fone {background:url('../img/icon-phone.png') no-repeat left center; background-size:11px; padding-left:18px}
#topo .linhaInfo .infos .hrefone {display:flex; flex-direction:row; gap:30px}
#topo .linhaMenu {justify-content:space-between; align-items:center; padding-top:15px; padding-bottom:20px; position:relative}
#topo .linhaMenu img {width:100px; height:auto}
#topo .linhaMenu .iconeMobile {display:none; width:32px; height:32px; cursor:pointer}
#topo .linhaMenu .menu a {color:#fff; font-size:16px; text-decoration:none; font-weight:500; text-transform:uppercase; margin-left:30px}
#topo .linhaMenu .menu a:hover {color:var(--corLogoSecundaria)}
#topo button {background-color:var(--corLogoSecundaria); color:#fff; border:0px; border-radius:100px; padding:6px 20px; font-size:14px}
#topo button:hover {cursor:pointer; background-color: var(--corLogoPrimaria);}

#banner {display: flex; flex-direction: column; gap: 30px; width: 100%; height: 800px; margin-top: -200px; justify-content: center; text-align: center; align-items: center; padding: 0px 30px; position: relative; z-index: -1;}
#banner .img-banner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; opacity: 0; transition: opacity 1s ease-in-out;}
#banner .img-banner.active {opacity: 1;}
#banner span, b {width: 100%; max-width: 790px; color: #fff; font-size: 42px; font-weight: 200; line-height: 1.1; padding-top: 50px; opacity: 0; transition: opacity 1s ease-in-out;}
#banner b {font-weight: 600;}
#banner .premios {display: none; flex-wrap: wrap; gap: 6px; justify-content: center;}
#banner .premios img {width: 98px; height: auto;}
#banner .mobile {opacity:1; display:flex}

#migalha {display:flex; flex-wrap:wrap; color:#333; font-size:15px; list-style-type: none; margin:0; padding:0; margin-bottom:3px; justify-content: center;}
#migalha span {color:#666; font-size:14px; margin-right:10px}
#migalha a {text-decoration:none}
#migalha .ativo {color:#999}

#home .sobre {margin-top:70px; display:flex; flex-wrap:wrap}
#home .sobre .coltexto {width:35%; padding-right:100px}
#home .sobre .coltexto span {display:block; font-size:16px; line-height:1.6}
#home .sobre .coltexto hr {border-top:3px var(--corLogoSecundaria) solid; max-width:30%; margin:0px; margin-top:25px; margin-bottom:35px}
#home .sobre .coltexto h2 {padding-right:40px; text-align:left}
#home .sobre .coltexto a {background-color:var(--corLogoSecundaria); border:2px var(--corLogoSecundaria) solid; font-size:16px; font-weight:600; border-radius:100px; padding:20px 0px; color:#fff; text-decoration:none; margin-top:35px; display:block; text-align:center}
#home .sobre .coltexto a:hover {color:var(--corLogoSecundaria); background-color:transparent}
#home .sobre .colimagem {width:65%; display:flex; flex-wrap: wrap;}
#home .equipe {background-color:#F5F5F5; padding:50px 0px; margin-top:80px}
#home .equipe .contEquipe {display:flex; flex-wrap:wrap; justify-content:center}
#home .equipe .contEquipe .box {width:250px; margin:0px 40px; display:flex; flex-wrap:wrap; justify-content:center}
#home .equipe .contEquipe .box .img {width:250px; height:250px; background-repeat:no-repeat; background-size:cover; border-radius:150px; margin-top:40px; transition:300ms}
#home .equipe .contEquipe .box .img:hover {filter: grayscale(70%); transition:500ms}
#home .equipe .contEquipe .box .titulo {width:100%; text-align:center; font-size:26px; color:#2C3540; font-weight:700; margin-top:20px}
#home .equipe .contEquipe .box .subtitulo {width:100%; text-align:center; font-size:15px; color:var(--corLogoSecundaria); text-transform:uppercase}
#home .equipe .contEquipe .box .redes {margin-top:20px}
#home .equipe .contEquipe .box .redes a {display:flex; align-items:center; margin:0px 8px}
#home .equipe .contEquipe .box .redes img {max-height:20px}

.video-container {position: relative; width: 100%; padding-bottom: 56.25%; height: 0;}
.video-container img, .video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; border-radius: 10px;}

#sobre {margin-top:60px}
#sobre .contVantagens {background-color:#F2F2F2; padding:50px 0px; margin-top:50px; align-items: center; display:flex; flex-direction: column; gap:40px}
#sobre .contTextos {display:flex; flex-direction: column; gap:10px; margin-top:40px; align-items:center}
#sobre .texto {text-align:center !important}
#sobre h3 {font-size:21px; text-align:center; margin:0px}
#sobre .contVantagens .grid {display:flex; flex-wrap:wrap; justify-content: center; align-items: flex-start;}
#sobre .contVantagens .box {width:25%; padding:0px 30px; display:flex; flex-wrap:wrap; justify-content:center}
#sobre .contVantagens .box div {width:120px; height:120px; border-radius:100px;}
#sobre .contVantagens .box img {width:100%; height:100%}
#sobre .contVantagens .box h3 {width:100%; text-align:center; padding:0px; margin:0px; color:var(--corLogoPrimaria); font-weight:600; margin-top:15px}
#sobre .contVantagens .box hr {border-top:3px var(--corLogoSecundaria) solid; width:80px; margin-top:20px; margin-bottom:20px}
#sobre .contVantagens .box span {color:#484848; font-size:15px; text-align:center; line-height:1.5}
#sobre .sobre {margin-top:60px}
#sobre .contImgTexto {display:flex; flex-wrap: wrap; gap:50px; margin-top:40px}
#sobre .contImgTexto .divImg {width:calc(40% - 50px)}
#sobre .contImgTexto .divImg img {max-width:100%; max-height:100%; height:auto; border-radius:6px}
#sobre .contImgTexto .infoTexto {width:60%; display:flex; flex-direction: column; gap:30px}
#sobre .textoEsquerda {text-align: left !important}

#servicos {margin-top:60px}
#servicos .subtitulo {width:100%; text-align:center; margin:0px 20px; margin-top:10px; font-size:16px}
#home #servicos {margin-top:70px}
.bgAtuacao {width:100%; height:250px; background-position:center center; background-repeat:no-repeat; background-size:cover}
#servicos .contServicos {width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:10px}
#servicos .linkbox {width:calc(25% - 20px); margin:20px 10px}
#servicos .box {width:100%; height:320px; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:6px; position:relative}
#servicos .box .bg {background:url('../img/bg-ultimas-blog.png'); height:180px; width:100%; position:absolute; bottom:0px; border-radius:0px 0px 6px 6px; z-index:1}
#servicos .box .info {z-index:2; width:100%; position:absolute; bottom:0px; padding:25px}
#servicos .box .info span {color:#fff; font-size:21px; font-weight:500}
#servicos .faleConosco {background-color:#F6F6F6; border-radius:6px; padding:30px; margin-top:30px; justify-content:space-between; align-items:center}
#servicos .faleConosco span {flex:1; padding-right:100px; font-size:24px; font-weight:600; color:#27303B; line-height:1.2}
#servicos .faleConosco .infoContato {width:205px; text-align:center; color:var(--corLogoSecundaria); font-size:20px}
#servicos .faleConosco .infoContato a {display:block; width:205px; width:100%; padding:16px 0px; background-color:var(--corLogoSecundaria); border:2px var(--corLogoSecundaria) solid; border-radius:4px; color:#fff; font-size:13px; font-weight:600; text-align:center; text-decoration: none; margin-top:10px}
#servicos .faleConosco .infoContato a:hover {background-color:transparent; color:var(--corLogoSecundaria)}
#servicos .faleConosco .infoContato a:first-child {background-color:var(--corWhatsapp); border:2px var(--corWhatsapp) solid}
#servicos .faleConosco .infoContato a:first-child:hover {background-color:transparent; color:var(--corWhatsapp)}

#equipe {margin-top:60px}
#equipe .contListagem {margin-top:10px; width:calc(100% + 16px); margin-left:-8px}
#equipe .contListagem .box {width:calc(25% - 16px); margin:0px 8px; margin-top:50px}
#equipe .contListagem .box .img {width:100%; height:360px; background-repeat:no-repeat; background-position: center center; background-size: cover; border-radius:6px}
#equipe .contListagem .box .img:hover {filter: grayscale(70%); transition:500ms}
#equipe .contListagem .box .titulo {display:block; width:100%; text-align:center; color:#2C3540; font-size:21px; font-weight:700; margin-top:16px}
#equipe .contListagem .box .subtitulo {display:block; width:100%; text-align:center; color:var(--corLogoSecundaria); font-size:14px; text-transform:uppercase; margin-top:8px}
#equipe .contListagem .box .redes {margin-top:20px}
#equipe .redes a {display:flex; align-items:center; margin:0px 8px}
#equipe .contListagem .box .redes img {max-height:20px}
#equipe h2 {width:100%; text-align:center; font-size:18px; color:var(--corLogoSecundaria); font-weight:400; text-transform:uppercase; margin-top:8px}
#equipe h3 {width:100%; text-align:left; font-size:21px; color:#2C3540; font-weight:700; margin:0px; padding:0px}
#equipe .separacaoConsultores {margin-top:50px; font-size:38px; font-weight:700; text-align:center}
#equipe .interna {margin-top:50px}
#equipe .interna .colunas {width:50%; padding:0px 35px}
#equipe .interna .colunas .imagem {max-width:100%; height:auto; border-radius:6px}
#equipe .interna .colunas .texto {display:block}
#equipe .interna .colunas .infotelmail {width:100%; padding-left:40px; font-size:15px; color:#333333; margin-top:15px}
#equipe .interna .colunas .infotelmail.email {background:url('../img/icon-equipe-email.png') no-repeat 0px center}
#equipe .interna .colunas .infotelmail.fone {background:url('../img/icon-equipe-fone.png') no-repeat 3px center}

#blog {margin-top:60px}
#home #blog {margin-top:80px}
#blog h3 {margin:0px; padding:0px; font-size:21px; color:#2C3540; font-weight:700}
#blog h3.active {background-image:url('../img/icon-arrow-up.png') no-repeat}
.chamada {display:flex; width:100%; text-align:center; justify-content: center; margin-top:10px; font-size:16px}
#blog .ultimasGrid {overflow:hidden}
#blog .ultimasInterna {min-width:981px}
#blog .ultimas {display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% + 20px); margin-left:-10px; margin-top:10px}
#blog .ultimas .linkbox {width:calc(33.33% - 20px); margin:20px 10px}
#blog .ultimas .box {width:100%; height:388px; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:6px; position:relative}
#blog .ultimas .box:hover {filter: grayscale(70%); transition:500ms}
#blog .ultimas .box .bg {background:url('../img/bg-ultimas-blog.png'); height:180px; width:100%; position:absolute; bottom:0px; border-radius:0px 0px 6px 6px; z-index:1}
#blog .ultimas .box .info {z-index:2; width:100%; position:absolute; bottom:0px; padding:20px}
#blog .ultimas .box .info span {color:#fff; font-size:18px; font-weight:500}
#blog .ultimas .box .info .autor {margin-top:10px}
#blog .ultimas .box .info .autor .imagem {width:48px; height:48px; border-radius:40px; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-right:12px}
#blog .ultimas .box .info .autor .nomeDia {display:flex; flex-wrap:wrap; align-items:center; flex:1; font-size:13px; color:var(--corLogoSecundaria); font-weight:700; align-content:center}
#blog .ultimas .box .info .autor .nomeDia span {display:block; width:100%; font-size:12px; color:#c4c4c4}
#blog .conteudo {width:calc(66.66% - 8px); margin-right:8px}
#blog .lateral {width:calc(33.33% - 16px); margin-left:16px}
#blog .lateral .borda {border:1px #E6E6E6 solid; border-radius:6px; padding:30px}
#blog .lateral .contCategorias {margin-bottom:20px}
#blog .lateral .categorias {background-color:var(--corLogoPrimaria); border-radius:6px; border:1px var(--corLogoPrimaria) solid; color:#fff; font-size:13px; font-weight:600; padding:7px 16px; text-decoration:none; margin-top:10px; margin-right:10px}
#blog .lateral .categorias:hover {background-color:transparent; color:var(--corLogoPrimaria)}
#blog .lateral .autores {margin-top:20px; align-items:center; text-decoration:none; width:100%}
#blog .lateral .autores .perfil {width:65px; height:65px; border-radius:50px; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-right:15px}
#blog .lateral .autores .nomefuncao {flex:1; font-size:16px; color:#333; font-weight:700}
#blog .lateral .autores .nomefuncao span {display:block; width:100%; font-size:14px; color:var(--corLogoSecundaria); font-weight:400}
#blog .conteudo .box a {text-decoration:none}
#blog .conteudo .box {width:100%; background-color:#F2F2F2; border-radius:6px; margin-bottom:20px; align-items:center}
#blog .conteudo .box .categoria {color:var(--corLogoSecundaria); font-size:13px; font-weight:700}
#blog .conteudo .box .titulo {color:#2C3540; font-size:21px; font-weight:600; margin-top:14px; line-height:1.2; width:100%}
#blog .conteudo .box .capa {width:300px; height:240px; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:6px 0px 0px 6px}
#blog .conteudo .box .info {flex:1; padding:40px; display:flex; flex-wrap:wrap;}
#blog .conteudo .box .info .autor {margin-top:15px}
#blog .conteudo .box .info .autor .imagem {width:48px; height:48px; border-radius:40px; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-right:12px}
#blog .conteudo .box .info .autor .nomeDia {display:flex; flex-wrap:wrap; align-items:center; flex:1; font-size:13px; color:#333333; font-weight:700; align-content:center}
#blog .conteudo .box .info .autor .nomeDia span {display:block; width:100%; font-size:12px; color:#ACACAC}
#blog .interna .capa {max-width:100%; height:auto; border-radius:6px}
#blog .interna h1 {text-align:left}
#blog .interna .escritopor {margin:30px 0px; border-top:1px #E2E2E2 solid; border-bottom:1px #E2E2E2 solid; padding:30px 0px; align-items:center}
#blog .interna .escritopor .autor {width:78px; height:78px; border-radius:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-right:25px}
#blog .interna .escritopor .info, #blog .interna .escritopor .info b {flex:1; font-size:17px; font-weight:700}
#blog .interna .escritopor .info b {color:var(--corLogoSecundaria)}
#blog .interna .escritopor .info .descricao {display:block; width:100%; font-size:13px; font-weight:400; color:#333; margin-top:8px}
#blog .interna .podeGostar {display:block; width:100%; font-size:38px; font-weight:700; color:#2C3540; text-transform:uppercase; margin:20px 0px; line-height:1.2}

#contato {margin-top:60px}
#contato .colunas {width:50%; padding:0px 50px; margin-top:60px}
#contato input, #contato textarea {margin-bottom:10px}
#contato label {display:block; width:100%; margin-top:5px}
#contato input[type=submit] {width:100%; height:51px; background-color:var(--corLogoSecundaria); color:#fff; font-size:14px; border-radius:3px; border:0px; margin-top:20px; font-weight:600}
#contato input[type=submit]:hover {background-color:var(--corLogoPrimaria); cursor:pointer}
#contato .infoendereco div {width:100%; font-size:13px; color:#111; margin-bottom:20px}
#contato .infoendereco .info {display:flex; align-items:center; gap:10px}
#contato iframe {border-radius:3px}
#contato .sucesso {border:2px #4fbe87 solid; border-radius:6px; padding:14px 0px; width:100%; text-align:center; color:#4fbe87; margin-bottom:20px; font-weight:600}

#rodape {display:flex; flex-wrap:wrap; width:100%; background-color:var(--corLogoPrimaria); margin-top:90px; border-top:3px var(--corLogoSecundaria) solid}
#rodape.nomargin {margin-top:0px !important}
#rodape .linhaNews {display:flex; flex-wrap:wrap; justify-content:center; width:100%; padding:60px 14px}
#rodape .linhaNews .gridNews {width:100%; max-width:600px}
#rodape .linhaNews .titulo {display:block; width:100%; text-align:center; font-size:32px; color:#fff; font-weight:700; line-height:1}
#rodape .linhaNews .subtitulo {display:block; width:100%; text-align:center; font-size:15px; color:#DDDDDD; margin-top:8px}
#rodape .linhaNews .campo {margin-top:30px}
#rodape .linhaNews input[type=email] {flex:1; height:50px; background-color:#fff; font-size:14px; color:#333333; border:0px; border-radius:6px 0px 0px 6px; padding:0px 15px}
#rodape .linhaNews input[type=submit] {height:50px; width:130px; background-color:var(--corLogoSecundaria); font-size:14px; color:#fff; font-weight:600; border:0px; border-radius:0px 6px 6px 0px}
#rodape .linhaInfo {display:flex; justify-content:space-between; flex-wrap:wrap;}
#rodape .linhaInfo .titulo {font-size:19px; color:#fff; font-weight:700; display:block; width:100%}
#rodape .linhaInfo .infoSelo {text-align:left; width:30%; padding-right:70px}
#rodape .linhaInfo .infoSelo img {width:108px; height:110px}
#rodape .linhaInfo .infoSelo span {display:block; width:100%; font-size:15px; color:#fff; margin-top:10px}
#rodape .linhaInfo .infoEndereco {width:25%; padding-right:80px}
#rodape .linhaInfo .infoEndereco div {font-size:13px; color:#DDDDDD; margin-top:20px}
#rodape .linhaInfo .infoEndereco .local {background:url('../img/icon-local.png') no-repeat left 5px; background-size:11px; padding-left:25px}
#rodape .linhaInfo .infoEndereco .horario {background:url('../img/icon-horario.png') no-repeat left center; background-size:11px; padding-left:25px}
#rodape .linhaInfo .infoEndereco .fone {background:url('../img/icon-phone.png') no-repeat left center; background-size:11px; padding-left:25px}
#rodape .linhaInfo .infoPaginas {width:20%; padding-right:80px}
#rodape .linhaInfo .infoPaginas a {display:block; font-size:15px; color:#DDDDDD; text-decoration:none; margin-top:12px}
#rodape .linhaInfo .infoPaginas a:hover {text-decoration:underline}
#rodape .linhaInfo .infoBlog {width:25%; padding-right:80px}
#rodape .linhaInfo .infoBlog .box {margin-top:20px}
#rodape .linhaInfo .infoBlog .box .bgBlog {width:46px; height:46px; border-radius:46px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-right:10px}
#rodape .linhaInfo .infoBlog .box .txtBlog {color:#fff; flex:1; align-items:center; font-size:13px; color:#DDDDDD; display:flex; align-items: center; text-align:left}
#rodape .linhaRedes {display:flex; flex-wrap:wrap; justify-content:center; width:100%; border-top:1px #363F49 solid; padding:30px; margin-top:30px}
#rodape .linhaRedes .redes a {display:flex; align-items:center; margin:0px 9px}
#rodape .linhaRedes span {display:block; width:100%; text-align:center; font-size:14px; color:#777C82; margin-top:5px; text-align:center}
#rodape .linhaRedes span a {font-size:14px; color:#777C82; text-decoration:none; font-weight:600}
#rodape .sucessoNews {border:2px #BF8F58 solid; border-radius:6px; padding:14px 0px; width:100%; text-align:center; color:#BF8F58; margin-top:30px; font-weight:600}

#lgpd {position:fixed; width:100%; bottom:20px; z-index:9; display:flex; flex-wrap:wrap; justify-content:center; padding:0px 14px}
#lgpd div {width:100%; max-width:1160px; background-color:#fff; border-radius:6px; padding:30px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3); display:flex; flex-wrap:wrap; align-items:center}
#lgpd span {flex:1; color:#111; font-size:15px; font-weight:600; padding-right:30px}
#lgpd a.politica {color:#111; font-size:15px; font-weight:600}
#lgpd a.btnAceite {background-color:var(--corLogoPrimaria); color:#fff; font-size:13px; font-weight:700; width:160px; padding:15px 0px; text-align:center; border-radius:3px; text-decoration:none;}
#lgpd a.btnAceite:hover {background-color:var(--corLogoSecundaria)}

#pag404 {margin-top:60px}
#pag404 .texto {text-align:center}

#whatsFlutuante {position:fixed; bottom:20px; right:20px; width:60px; height:60px; background-color:#22C046; border-radius:100%; background-image:url('../img/icon-whatsapp.png'); background-repeat:no-repeat; background-position:center center; z-index:8; cursor:pointer}
#whatsFlutuante:hover {background-color:#1f973b}

#menuMobile2 {position:fixed; z-index:9; top:0px; left:0px; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.6); display:none}
#menuMobile1 {position:fixed; z-index:9; top:0px; left:-290px; width:290px; height:100%; background-color:var(--corLogoPrimaria); padding:20px; box-sizing:border-box; overflow-y:auto; display:flex; flex-wrap: wrap; align-content: flex-start;}
#menuMobile1 a {width:100%; text-transform: uppercase; text-decoration: none; color:#fff; font-size:17px; margin-bottom:30px}
#menuMobile1 button {background-color:var(--corLogoSecundaria); color:#fff; border:0px; border-radius:100px; padding:10px 0px; width:100%; font-size:14px; margin-bottom:20px} 

#areaCliente {
    display:flex; flex-direction:column; position:absolute; right:0px; top:0px; background-color:#fff; border-radius:6px; padding:15px; width:300px;
    -webkit-box-shadow: 0px 0px 42px -16px rgba(0,0,0,0.70);
    -moz-box-shadow: 0px 0px 42px -16px rgba(0,0,0,0.70);
    box-shadow: 0px 0px 42px -16px rgba(0,0,0,0.70);
    display:none;
}
#areaCliente .cabecalho {display:flex; width:100%; justify-content: space-between; align-items:center}
#areaCliente .cabecalho img.close {width:12px; height:12px}
#areaCliente form {display:flex; width:100%; flex-direction: column; gap:10px; margin-top:10px}
#areaCliente form input {width:100%; height:40px; border:1px #ccc solid; border-radius:3px}
#areaCliente form button {width:100%; height:40px; border-radius:3px; border:0px; background-color:var(--corLogoPrimaria)}
#areaCliente form button:hover {cursor:pointer; background-color:var(--corLogoSecundaria)}

@media screen and (max-width: 1100px) {
    #home .sobre .coltexto h2 {padding-right:0px}
    #servicos .linkbox {width:calc(33.33% - 20px)}
}

@media screen and (max-width: 1000px) {
    #topo .linhaMenu .menu a {font-size:14px; margin-left:20px}
}

@media screen and (max-width: 980px) {
    #home .sobre .coltexto {padding-right:60px}
    #home #blog .ultimas .linkbox, #servicos #blog .ultimas .linkbox {width:calc(50% - 20px)}
    #equipe .contListagem .box {width:calc(33.33% - 16px)}
    #blog .conteudo {width:100%; margin-right:0px; order:2; margin-top:20px}
    #blog .lateral {width:100%; margin-left:0px; order:1}
}

@media screen and (max-width: 900px) {
    #topo .linhaInfo {display:none}
    #topo .menu {display:none}
    #topo .linhaMenu .iconeMobile {display:block}
    #banner span, b {font-size:28px}
    #banner {padding-top:120px !important}
    #banner .premios img {width:80px}
    #areaCliente {right:0px; top:70px;}
    #home .sobre {margin-top:40px}
    #home .sobre .coltexto {width:100%; padding-right:0px}
    #home .sobre .colimagem {width:100%; margin-top:30px}
}

@media screen and (max-width: 800px) {
    h1,h2 {font-size:32px}
    #rodape .linhaNews input[type=submit] {width:110px; font-size:13px}
    #rodape .linhaInfo .infoSelo {width:100%; padding-right:0px; text-align:center; margin-top:30px; order:4}
    #rodape .linhaInfo .infoEndereco {width:100%; padding-right:0px; text-align:center; order:1}
    #rodape .linhaInfo .infoEndereco div {padding-left:0px !important; background-image:none !important}
    #rodape .linhaInfo .infoPaginas {width:100%; padding-right:0px; text-align:center; margin-top:30px; order:2}
    #rodape .linhaInfo .infoBlog {width:100%; padding-right:0px; text-align:center; margin-top:30px; order:3}
    #rodape .linhaNews {padding:30px 14px}
    #rodape .linhaNews .titulo {font-size:26px}
    #banner {padding:0px 20px; height:680px}
    #sobre .contVantagens .box {width:100%; padding:0px; margin-top:30px}
    #sobre .contVantagens .box:first-child {margin-top:0px}
    #equipe .contListagem .box {width:calc(50% - 16px)}
    #equipe .interna .colunas {width:100%; padding:0px}
    #equipe .interna .colunas:last-child {margin-top:20px}
    #blog .conteudo .box a:first-child {width:100%}
    #blog .conteudo .box .capa {width:100%; height:240px; border-radius:6px 6px 0px 0px}
    #blog .conteudo .box .info {width:100%; padding:20px}
    #blog .lateral .contCategorias {display:none}
    #blog .lateral .contAutores {display:none}
    #blog h3 {background:url('../img/icon-arrow-down.png') no-repeat right center}
    #blog .interna .podeGostar {font-size:28px}
    #blog .lateralInterna {display:none}
    #contato .colunas {width:100%; padding:0px; margin-top:60px}
    #blog .ultimasGrid {overflow:auto}
    #servicos .linkbox {width:calc(50% - 20px)}
    #sobre .contImgTexto {margin-top:30px}
    #sobre .contImgTexto .divImg {width:100%}
    #sobre .contImgTexto .infoTexto {width:100%}
}

@media screen and (max-width: 600px) {
    #home .equipe .contEquipe .box .img {width:200px; height:200px}
    #home #blog .ultimas .linkbox, #servicos #blog .ultimas .linkbox {width:calc(100% - 20px)}
    #blog .ultimas .box {height:320px}
    #sobre .sobre .colimagem .colunas {width:calc(100% + 20px)}
    #servicos .faleConosco span {padding-right:0px; max-width:100%; text-align:center}
    #servicos .faleConosco .infoContato {width:100%; margin-top:15px}
    #equipe .contListagem .box {width:calc(100% - 16px)}
    #equipe .contListagem .box .img {height:360px}
    #lgpd span {min-width:100%; padding-right:0px}
    #lgpd a {width:100%; margin-top:20px}
    #rodape .linhaRedes {margin-bottom:40px}
    #home .equipe {margin-top:40px}
    #home #blog {margin-top:40px}
    .bgAtuacao {height:200px}
}

@media screen and (max-width: 500px) {
    #servicos .linkbox {width:calc(100% - 20px)}
}