* {font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:14px; color:#222; line-height:1.3; box-sizing:border-box}
html {height:100%}
body {margin:0px; height:100%; background-color:#fff; background:url('../img/bg.jpg') center center}
h1, h2 {font-size:38px; font-weight:700; line-height:1.1; color:#0F0F0F; margin:0px; padding:0px}
input, textarea, select {outline-color:#111}
input[type=text], input[type=email], input[type=password], textarea, select {border:1px #D4D4D4 solid; border-radius:6px; padding:15px 12px; width:100%; color:#111; margin-top:10px}
select {padding-right:15px; background:url('../img/icone-arrow-down.png') no-repeat calc(100% - 15px) center; background-size:11px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:#fff}
img {vertical-align:baseline !important}
input:disabled {background-color:#eee; color:#666}
a {text-decoration:none}

:root {
    --gridPrincipal: 1200px;
    --gridSecundario: 780px;
    --topoInfoBg: #22365E;
    --topoInfoColor: #fff;
    --corLogoPrimaria: #22365E;
    --corLogoSecundaria: #C49E69;
    --corLogoTerciaria: #0F0F0F;
    --linkPadrao: #1878C0;
    --corWhatsapp: #0DC143;
}

.grid-g {width:calc(100% - 28px); max-width:var(--gridPrincipal); margin:0px 14px}
.grid-m {width:calc(100% - 28px); max-width:var(--gridSecundario)}
.flex {display:flex; flex-wrap:wrap}
.linha {display:flex; width:100%; flex-wrap:wrap}
.centralizar {justify-content:center}
.centralizar-v {align-items:center}
.espalhar {justify-content:space-between}
.txtcenter {text-align:center}
.txtleft {text-align:left !important}
.titulo {font-size:32px; font-weight:700; line-height:1.1; color:#333; margin:0px; padding:0px}
.bold {font-weight:700}
.semibold {font-weight:600}
.white {color:#fff}
.invisivel {display:none}
.relative {position:relative}
.bgimagem {background-repeat:no-repeat; background-position:center center; background-size:cover}
.mouseHover:hover {opacity:0.7; cursor:pointer; transition:80ms}

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

.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}
.marginTop60 {margin-top:60px !important}
.marginR30 {margin-right:30px !important}

#topo {display:flex; width:100%; flex-wrap:wrap; justify-content:center; z-index: 2; position:relative}
#topo .linhaInfo {padding:11px 0px; width:100%; background-color:var(--topoInfoBg); align-items:center; border-bottom:1px #384D75 solid}
#topo .linhaInfo div {color:var(--topoInfoColor); font-size:14px; display:flex; flex-wrap:wrap; align-items:center}
#topo .linhaInfo img {margin-right:8px}
#topo .linhaInfo div i.fa-whatsapp {font-size:19px}
#topo .linhaInfo div a {margin:0px 2px}
#topo .linhaInfo div a i {font-size:28px; color:#fff;}
#topo .linhaLogo {padding:22px 0px; background-color:var(--topoInfoBg)}
#topo .linhaLogo img {width:100%; max-width:281px; height:auto}
#topo .linhaLogo .linkLogo {flex:1}
#topo .linhaLogo .menu a {margin-left:30px; font-size:14px; font-weight:400; text-decoration:none; color:#fff; text-transform: uppercase;}
#topo .linhaLogo .menu a:hover {color:var(--corLogoSecundaria)}
#topo .linhaLogo .mobile {display:none; padding-left:15px}
#topo .linhaLogo .mobile i {font-size:32px; color:#fff; margin:0px 10px}
#topo .links {color:#fff; text-decoration:none; font-size:13px}
#topo .idiomas {display:flex; gap:6px}
#topo .idiomas img {width:32px; height:auto}
#topo .opacidadeHome {background-color: rgba(44, 45, 47, 0.5) !important;}
#topo .bordaHome {border-bottom:1px #2d2c2c solid !important}

#banner {display:flex; height:600px; background: url('../img/banner/banner.jpg') no-repeat center center; background-size:cover; margin-top:-148px; z-index: 0; position:relative}
#banner .cont {height:100%; display:flex; align-items:center}
#banner .texto, #banner font {font-size:52px; color:#fff; font-weight:700; width:100%; max-width:650px; line-height:1.2; font-weight:300}
#banner font {color:var(--corLogoSecundaria)}
#banner .texto {padding-top:100px;}
#banner button {display:block; margin-top:20px; background-color:transparent; padding:20px 40px; color:#fff; font-size:15px; font-weight:600; text-decoration:none; border-radius:100px; border:1.2px #fff solid}

#homeSobre .cont {height:auto}
#homeSobre .colImg {display:flex; width:50%; background-image:url('../img/leticia-home.png'); background-repeat:no-repeat; background-position:center -50px; height:100%}
#homeSobre .colTxt {width:50%; padding:60px 0px; min-height:650px; display:flex; flex-direction: column; justify-content: center;}
#homeSobre .colTxt span {display:block; font-size:15px; line-height:1.7; color:var(--corLogoTerciaria); margin:25px 0px}
#homeSobre .colTxt a {display:inline-block; background-color:var(--corLogoPrimaria); padding:16px 60px; color:#fff; font-size:15px; font-weight:700; text-decoration:none; border-radius:50px}
#homeSobre .assinatura {font-family: "Tangerine", cursive; font-size:60px !important; line-height:1}
#homeSobre .subtitulo {color:var(--corLogoSecundaria); font-size:25px}

#homeServicos.home {padding:70px 0px; background-color:var(--corLogoPrimaria)}
#homeServicos.listagem {margin-top:50px}
#homeServicos h2 {width:100%; text-align:center; color:var(--corLogoSecundaria); font-weight:500}
#homeServicos .contServicos {display:flex; flex-wrap:wrap; gap:30px; margin-top:40px; width:100%}
#homeServicos .contServicos a {width:calc(33.33% - 20px); position:relative}
#homeServicos .contServicos a.atuacaoInterna {width:calc(33.33% - 20px); position:relative}
#homeServicos .box {display:flex; width:100%; border-radius:10px; height:320px; position:relative}
#homeServicos .box .fundo {display:flex; position:absolute; bottom:0px; left:0px; width:86%; background-color:#fff; border-radius:0px 10px 0px 10px; padding:20px; align-items: center;}
#homeServicos .box h3 {font-size:18px; padding:0; margin:0; flex:1; font-weight:400}
#homeServicos .box i {font-size:26px; color:var(--corLogoSecundaria)}

#homeMissao {display:flex; width:100%; background-image:url('../img/bg-home.jpg'); padding:60px 0px}
#homeMissao .contCols {display:flex; gap:150px}
#homeMissao .colMissao {flex:1}
#homeMissao .globo {display:flex; flex-direction: column; gap:50px; align-items: center; justify-content: center;}
#homeMissao .globo img {width:100%; max-width:480px; height:auto}
#homeMissao h3 {font-size:38px; margin:0; padding:0; line-height:1.4; color:#fff; font-weight:400; text-align: center;}
#homeMissao .missao {display: flex; flex-direction: column; gap: 30px;}
#homeMissao .box {display:flex; border:2px var(--corLogoSecundaria) solid; border-radius:30px; padding:30px; padding-left:70px; flex-direction: column; gap:10px; position:relative}
#homeMissao .box h4 {padding:0; margin:0; font-size:30px; font-weight:500; color:var(--corLogoSecundaria); font-size:30px}
#homeMissao .box span {color:#fff; font-size:16px; line-height:1.6}
#homeMissao .box .icone {width:90px; height:90px; background-color:var(--corLogoSecundaria); border-radius:100%; display:flex; align-items: center; justify-content: center; position:absolute; left:-45px; top:34px}
#homeMissao .box i {color:#fff; font-size:40px}
#homeMissao .box.mleft {margin-left:50px}
#homeMissao .box.mright {margin-right:50px}

#homeSubbanner {margin:60px 0px}
#homeSubbanner .bgbanner {display:flex; align-items: center; padding:50px; min-height:335px; background-image:url('../img/subbanner-home.jpg'); background-size:cover; background-position:center left; border-radius:10px}
#homeSubbanner .contTextos {display:flex; flex-direction: column; gap:12px; width:100%; max-width:450px}
#homeSubbanner h4 {margin:0; padding:0; font-size:32px; line-height:1.3; color:#fff; font-weight:400}
#homeSubbanner span {font-size:18px; color:var(--corLogoSecundaria)}
#homeSubbanner button {display:block; margin-top:20px; background-color:transparent; padding:20px 40px; color:#fff; font-size:15px; font-weight:500; text-decoration:none; border-radius:100px; border:1.2px #fff solid; max-width:340px} 
#homeSubbanner button:hover {background-color:var(--corLogoSecundaria); border:1.2px var(--corLogoSecundaria) solid; cursor:pointer} 

#homeBlog {margin-top:60px}
#homeBlog .contBlog {display:flex; flex-wrap: wrap; gap:30px; margin-top:30px}
#homeBlog .contBlog .post {width:calc(25% - 22.5px)}
#homeBlog .contBlog .post .capa {height:240px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:10px}
#homeBlog .contBlog .post .contTitulo {display:flex; width:100%; flex-wrap:wrap; margin-top:15px}
#homeBlog .contBlog .post .contTitulo span {display:block; width:100%}
#homeBlog .contBlog .post .contTitulo span:first-child {color:#999999}
#homeBlog h3 {font-size:18px; font-weight:500; margin:0; padding:0; margin-top:10px}

#migalha {display:flex; flex-wrap: wrap; align-items: center; background-color:#F2F2F2; list-style-type: none; margin:0; padding:9px 0px; gap:10px}
#migalha li {text-align:left}
#migalha span {color:#888; text-align:left}

#sobre {margin-top:50px}
#sobre .subtitulo {font-size:28px; color:var(--corLogoSecundaria)}
#sobre .cont2col {display:flex; gap:60px}
#sobre .cols {flex:1; display:flex; flex-direction: column}
#sobre .cols img {max-width:100%; border-radius:10px; height:auto}
#sobre .cols .texto {display:block; font-size:15px; line-height:1.7; color:var(--corLogoTerciaria); margin:25px 0px}
#sobre .bgMissao {padding:80px 0px; width:100%; display:flex; justify-content: center; background-image:url('../img/bg-sobre.jpg'); margin-top:30px}
#sobre .contMissao {display:flex; gap:80px}
#sobre .box {display:flex; width:calc(33.33 - 53.33px); flex-direction: column; gap:20px; align-items: center;}
#sobre .box .icone {width:140px; height:140px; border:2px var(--corLogoSecundaria) solid; border-radius:100%; display:flex; justify-content: center; align-items: center;}
#sobre .box .icone i {font-size:58px; color:var(--corLogoSecundaria)}
#sobre .box h3 {font-size:30px; color:var(--corLogoSecundaria); margin:0; padding:0; font-weight:400}
#sobre .box span {color:#fff; font-size:16px; text-align: center; line-height:1.5}
#sobre .contLet {display:flex; gap:50px; margin-top:50px}
#sobre .colsB {flex:1}
#sobre .contTexto {display:flex; flex-direction: column; padding-bottom:50px; justify-content: center;}
#sobre .boxContato {display:flex; width:100%; flex-direction: column; border-radius:10px; background-color:var(--corLogoPrimaria); padding:30px; align-items: center; gap:20px; margin-top:30px}
#sobre .boxContato span {width:100%; font-size:21px; color:#fff; font-weight:500; text-align:center}
#sobre .boxContato button {border:0px; border-radius:10px; background-color:var(--corLogoSecundaria); color:var(--corLogoPrimaria); font-size:15px; font-weight:500; font-weight:500; height:50px; width:100%; max-width:320px; text-transform: uppercase;}
#sobre .texto {margin-top:30px}
#sobre .foto {background-image:url('../img/leticia-sobre.png'); background-repeat:no-repeat; background-position:center -70px; height:100%; min-height:600px}


#especialidades {margin-top:50px}
#especialidades .contCols {display:flex; gap:50px; align-items: flex-start;}
#especialidades .colLateral {display:flex; flex-direction: column; flex:1.1; background-color:#fff; border:1px #D8D8D8 solid; border-radius:10px; padding:30px}
#especialidades .colPrincipal {display:flex; flex:3; flex-direction: column; gap:20px}
#especialidades .areasLateral {flex:1; border-top:1px #D8D8D8 solid; padding:16px 0px}
#especialidades .areasLateral a {color:#707070}
#especialidades .areasLateral a:hover {color:var(--corLogoSecundaria)}
#especialidades h3 {margin:0; padding:0; color:#212121; font-size:21px; margin-bottom:20px}
#especialidades .boxContato {display:flex; width:100%; flex-direction: column; border-radius:10px; background-color:var(--corLogoPrimaria); padding:30px; align-items: center; gap:20px}
#especialidades .boxContato span {width:100%; font-size:21px; color:#fff; font-weight:500; text-align:center}
#especialidades .boxContato button {border:0px; border-radius:10px; background-color:var(--corLogoSecundaria); color:var(--corLogoPrimaria); font-size:15px; font-weight:500; font-weight:500; height:50px; width:100%; text-transform: uppercase; max-width:420px}


#blog {margin-top:50px}
#blog .blocoConteudoLateral {width:100%; margin-top:20px}
#blog .conteudo {width:70%; padding-right:30px}
#blog .lateral {width:30%; margin-top:30px}
#blog .subtitulo {margin:0px; padding:0px; font-size:21px; color:#2C3540; font-weight:700}
#blog .subtitulo2 {margin:0px; padding:0px; font-size:21px; color:#2C3540; font-weight:700}
#blog .subtitulo.active {background:url('../img/icon-arrow-up.png') no-repeat right center}
#blog .lateral .borda {width:100%; border-radius:4px; padding:30px; background-color:#F2F2F2}
#blog .lateral .contCategorias {display:flex; margin-top:15px; flex-direction:column}
#blog .lateral .categoria {padding:10px 0px; border-top:1px #D8D8D8 solid}
#blog .lateral .contUltimas {display:flex; margin-top:15px; flex-direction:column; gap:10px}
#blog .lateral .boxUltima {width:100%; display:flex; flex-wrap:wrap; background-color:#fff; border-radius:4px; align-items:center}
#blog .lateral .boxUltima .capaUltima {width:100px; height:100px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:4px 0px 0px 4px}
#blog .lateral .boxUltima span {flex:1; font-size:14px; font-weight:400; padding:0px 25px}
#blog .lateral .categorias {font-size:15px; color:#666}
#blog .lateral .categorias:hover {text-decoration:underline}
#blog .contBoxes {display:flex; width:100%; flex-wrap:wrap; gap:30px; margin-top:30px}
#blog .contBoxes .post {width:calc(50% - 15px); padding-bottom:10px}
#blog .contBoxes .post .capa {height:250px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:10px}
#blog .contBoxes .post .contTitulo {display:flex; width:100%; flex-wrap:wrap; margin-top:12px; flex-direction: column;}
#blog .contBoxes .post .contTitulo span {display:block}
#blog .contBoxes .post .contTitulo span:first-child {color:#707070; font-size:13px; text-transform: uppercase;}
#blog .contBoxes .post .contTitulo h3 {font-size:18px; line-height:1; text-align:left; font-weight:500; line-height:1.3; margin:10px 0px; padding:0}
#blog .contBoxes .post .contTitulo a {border:1px var(--corLogoSecundaria) solid; border-radius:4px; padding:8px 20px; color:var(--corLogoSecundaria); font-size:13px; font-weight:500; max-width:120px; text-transform: uppercase; text-align: center;}
#blog .btnMais {background-color:transparent; border:2px var(--corLogoPrimaria) solid; font-size:15px; font-weight:600; border-radius:6px; padding:16px 30px; color:var(--corLogoPrimaria); text-decoration:none; margin-top:20px; text-align:center}
#blog .btnMais:hover {background-color:var(--corLogoPrimaria); color:#fff; cursor:pointer}
#blog .interna .capa {max-width:100%; height:auto; border-radius:6px; padding:0px; margin:10px 0px 20px 0px}
#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:#BF8F58}
#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}
#blog .categoriaData {display:block; color:#999999; margin-top:10px}
#blog .capaInterna {width:100%; height:auto; margin:0; padding:0}

#contato {margin-top:40px}
#contato .colImg {display:flex; flex-direction:column; gap:20px; width:50%}
#contato .colTxt {width:50%; padding-left:70px}
#contato input, #contato textarea {border:0px; border:1px #cccccc solid; border-radius:6px; padding:15px 12px; outline-style:none;}
#contato button {background-color:var(--corLogoSecundaria); width:100%; height:46px; border:0px; border-radius:6px; font-size:15px; font-weight:700; color:#fff; margin-top:12px}
#contato .conteudo {display:flex; gap:10px; align-items: center;}
#contato .conteudo span {font-size:16px}
#contato .conteudo i {font-size:26px; text-align:center; width:30px}
#contato .sucesso {color:var(--corWhatsapp); font-weight:700}
#contato .subtitulo {font-size:16px; padding-bottom:20px}
#contatoMap {width:100%; height:450px; margin-top:50px}
#contatoMap iframe {width:100%; height:100%}

#rodape {width:100%; margin-top:60px}
#rodape.nomargin {margin-top:0px !important}
#rodape .principal {width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:#202020; padding:50px 0px}
#rodape .contColunas {display:flex; gap:50px; flex-wrap:wrap}
#rodape .titulo {display:block; color:var(--corLogoSecundaria); font-size:18px; font-weight:400; margin-bottom:20px}
#rodape .texto {display:block; color:#999}
#rodape .principal .info {flex:3}
#rodape .principal .paginas {flex:2}
#rodape .principal .paginas a {display:block; margin-top:10px; text-decoration:none; color:#fff}
#rodape .principal .paginas a i {font-size:11px; color:#fff; margin-right:5px}
#rodape .principal .paginas a:hover {text-decoration:underline}
#rodape .contato {flex:3}
#rodape .contato .contInfo {display:flex; flex-direction: column; width:100%; gap:20px; margin-bottom:20px}
#rodape .contato .contInfo .conteudo {display:flex; gap:10px; align-items: center;}
#rodape .contato .contInfo .conteudo span {color:#fff}
#rodape .contato .contInfo .conteudo i {color:#fff; font-size:18px}
#rodape .redes {display:flex; width:100%; max-width:260px; justify-content: center; gap:10px; align-items: center; margin-top:40px}
#rodape .principal img {width:100%; max-width:240px; height:auto}
#rodape form {display:flex; flex-direction: column; gap:10px}
#rodape form input[type=text], #rodape form input[type=email] {background-color:transparent; border:1px #5C5C5C solid; border-radius:6px; margin:0px; height:36px; color:#fff}
#rodape form button {height:36px; background-color:var(--corLogoSecundaria); color:#fff; border-radius:6px; border:0px; font-size:14px; font-weight:500}
#rodape .sucessoNews {color:#fff; font-size:15px; font-weight:500}

#rodape .secundario {width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:#1E1E1E; padding:20px 0px; border-top:1px #2F2F2F solid}
#rodape .secundario span {font-size:13px; color:#707070}
#rodape .secundario span a {font-size:13px; color:#707070; text-decoration:none; font-weight:600}
#rodape .linkrodape {color:#222; text-decoration:none; font-size:14px}
.newsContato {margin-top:-145px}

#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 .btnAceite {background-color:var(--corLogoSecundaria); color:#fff; font-size:13px; font-weight:700; width:160px; padding:15px 0px; text-align:center; border-radius:3px; text-decoration:none;}
#lgpd .btnAceite:hover {opacity:0.7; cursor:pointer}

#pag404 {margin-top:60px; display:flex; flex-direction: column; gap:30px; align-items: center; min-height:400px}
#pag404 .texto {text-align:center}
#pag404 a {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}

#whatsFlutuante {position:fixed; bottom:20px; right:20px; width:60px; height:60px; background-color:#22C046; border-radius:100%; z-index:8; cursor:pointer; display:flex; justify-content:center; align-items:center}
#whatsFlutuante:hover {background-color:#1f973b}
#whatsFlutuante i {color:#fff; font-size:32px}

#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); box-sizing:border-box; overflow-y:auto; display:flex; flex-wrap: wrap; align-content: flex-start;}
#menuMobile1 .contLinks {display:flex; flex-wrap:wrap; width:100%; padding:20px; padding-top:0px}
#menuMobile1 .contLinks a {width:100%; text-transform: uppercase; text-decoration: none; color:#fff; font-size:17px; margin-top:30px}
#menuMobile1 .contLinks a.categoriaBlog {text-transform: initial; color:#ccc; font-size:16px; margin-top:15px; padding-left:20px}

.customCheck {display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.customCheck input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.customCheck .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee}
.customCheck .checkmark.radio {border-radius:50%}
.customCheck:hover input ~ .checkmark {background-color: #ccc;}
.customCheck input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.customCheck input:checked ~ .checkmark:after {display: block;}
.customCheck .checkmark:after {left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.customCheck .checkmark.radio:after {top: 6px !important;left: 6px !important;width: 5px !important;height: 5px !important;border-radius: 50%;background: white;}

.owl-dots { display: block !important; text-align: center; margin-top: 15px; width:100%}
.owl-dot {display: inline-block; width: 10px; height: 10px; background-color: #ccc !important; border-radius: 50%; margin: 0 5px; cursor: pointer;}
.owl-dot.active { background-color: var(--corLogoSecundaria) !important; }


@media screen and (max-width: 1050px) {
    #topo .menu {display:none}
    #topo .linhaLogo .mobile {display:block}
    #especialidades .contEspecialidades .box {width:calc(33.33% - 20px)}
    #blog .conteudo {width:100%; padding-right:0px}
    #blog .lateral {display:none}
}


@media screen and (max-width: 900px) {
    #rodape .info {flex:1; display:flex; align-items: center; flex-direction: column;}
    #rodape .paginas {flex:1}
    #rodape .contato {flex:1}
    #rodape .contColunas {gap:50px; flex-direction: column;}
    #rodape .principal {padding:30px}
    #contato .colImg {width:100%}
    #contato .colTxt {width:100%; padding-left:0px; margin-top:20px}
    #homeMissao h3 {font-size:28px}
    #homeMissao .globo {gap:20px}
    #homeMissao .contCols {flex-direction: column; gap:30px}
    #homeMissao .box.mleft {margin-left:50px}
    #homeMissao .box.mright {margin-right:0px; margin-left:50px}
    #homeBlog .contBlog .post {width:calc(50% - 15px)}
    #sobre .cont2col {flex-direction: column; gap:20px}
    #homeServicos .contServicos a.atuacaoInterna {width:calc(50% - 15px)}
    #especialidades .contCols {flex-direction: column; gap:30px}
    #especialidades .colLateral {display:none}
}

@media screen and (max-width: 800px) {
    #topo .linhaInfo .endereco {display:none}
    #banner .texto, #banner font {font-size:32px; text-align:center; color:#fff}
    #banner .texto {display:flex; flex-wrap: wrap; justify-content: center;}
    #homeSobre .cont {padding-top:50px}
    #homeSobre .colImg {width:100%; height:300px; background-size:320px; background-position: center -20px}
    #homeSobre .colTxt {width:100%; min-height:auto; padding:0px}
    #especialidades .colImg {width:100%; margin-right:0px}
    #especialidades .colTxt {width:100%; margin-top:20px}
    #especialidades .contEspecialidades .box {width:calc(50% - 15px)}
    #especialidades .contVideo .videoTxt {flex-direction:column; gap:20px}
    #especialidades .contVideo .cols {width:100%}
    #especialidades .contVideo .bgVideo {height:300px}
    #sobre .contMissao {flex-direction: column; gap:40px}
    #sobre .contLet {flex-direction: column; gap:50px; margin-top:50px}
    #sobre .contTexto {padding-bottom:0px; order:1}
    #sobre .foto {order:2; width:100%; min-height:340px; background-size:320px; background-position: center -35px} 
}


@media screen and (max-width: 600px) {
    #especialidades .faleConosco span {padding-right:0px; max-width:100%; text-align:center}
    #especialidades .faleConosco .infoContato {width:100%; margin-top:15px}
    h1, h2 {font-size:32px}
    #especialidades {margin-top:30px}
    #blog {margin-top:30px}
    #migalha {text-align:center}
    #blog .blocoConteudoLateral {margin-top:0px}
    #blog .contBoxes .post {width:100%}
    #homeSubbanner h4 {font-size:24px}
    #homeSubbanner span {font-size:16px; color:var(--corLogoSecundaria)}
    #homeBlog .contBlog .post {width:100%}
    #homeServicos .contServicos a.atuacaoInterna {width:100%}
}


@media screen and (max-width: 450px) {
    #especialidades .contEspecialidades .box {width:100%}
}