* {margin:0; padding:0; box-sizing:border-box;}

:root {
    --primaryColor: #3BA0D8;
    --secondaryColor: #FF7B42;
    --thirdColor: #004165;
    --fourthColor: #e1f1fb;
    --textColor: #767676;
}

h1, h2, h3, h4, h5, h6, p, a, li, input, textarea, label, button, select, table {font-family:'Poppins', sans-serif;}

::selection {background-color:var(--primaryColor); color:#fff; text-shadow:none;}
::-moz-selection {background-color:var(--primaryColor); color:#fff; text-shadow:none;}

body {height:100vh; background-image:url(../img/elemento_lateral.png); background-repeat:repeat-y; background-position:right top;}

.modulo {width:100%; padding:60px 0; position:relative;}

.botao {width:200px; height:44px; background-color:var(--thirdColor); color:#fff; border:0; border-radius:5px; font-size:18px; transition:all 150ms linear;}
.botao:hover {background-color:#377297;}

.botao-branco-vazado {border:2px solid #fff; background:transparent; color:#fff;}
.botao-branco-vazado:hover {border:2px solid var(--secondaryColor); background:var(--secondaryColor);}

.botao-maior {width:240px;}
.botao-centralizado {position:relative; left:50%; transform:translateX(-50%);}

.topo {min-height:750px; background-color:var(--primaryColor); background-image:url(../img/fundo_principal_v3.png); background-repeat:no-repeat; background-position:center; background-size:cover; display:flex; align-items:center;}
.topo-container {display:flex; gap:60px; justify-content:space-between; align-items:center;}
.topo-item {width:100%;}
.topo-formulario {width:100%; background-color:var(--fourthColor); padding:30px; border-radius:15px; position:relative; overflow:hidden;}
.topo-formulario h2 {color:var(--thirdColor); font-size:24px; text-align:center;}
.topo-formulario p {color:var(--textColor); font-size:14px; text-align:center;}
.form-container {display:flex; justify-content:space-between; gap:15px; margin:15px 0;}
.form-container label.error, .form-ficou-sabendo label.error, .form-container-checkbox label.error {color:red;}
.form-input-box {width:100%;}
.form-ficou-sabendo {margin:0 0 15px;}
.form-container-checkbox {margin-bottom:20px;}
.form-container-checkbox input[type=checkbox] {width:20px; height:20px; margin:0 10px 0 0; position:relative; top:5px;}
.form-container-checkbox label {cursor:pointer;}
.link_politica {font-family:'Poppins', sans-serif; color:var(--primaryColor); font-weight:bold; cursor:pointer; font-size:14px;}
.link_politica:hover {text-decoration:underline;}

.modal-formulario-loader {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.9); opacity:0; visibility:hidden;}
.loader {width:48px; height:48px; border:5px solid var(--primaryColor); border-bottom-color:var(--secondaryColor); border-radius:50%; display:inline-block; box-sizing:border-box; animation:rotation 1s linear infinite; position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px;}
.loader-block {opacity:1; visibility:visible; z-index:1000;}
#resultado {font-family:'Poppins', sans-serif; color:#009938; font-size:17px; font-weight:bold; margin-top:20px;}

@keyframes rotation {
    0% {
		transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.sobre-container {display:flex; justify-content:space-between; gap:40px; align-items:center;}
.sobre-item {width:100%;}
.sobre-texto p {color:var(--primaryColor);}
.texto-destaque {color:var(--secondaryColor);}

.titulo {display:flex; justify-content:center; align-items:center; gap:30px;}
.titulo h2, .titulo h3 {font-size:32px; color:var(--thirdColor);}

.cidades-container {display:flex; gap:30px; justify-content:center;}
.cidades-texto {max-width:800px; text-align:center;}
.cidades-item h2 {font-size:32px; color:var(--thirdColor); margin-top:20px; margin-bottom:10px;}
.cidades-item p {color:var(--primaryColor);}
.cidades ul {padding-left:0;}
.cidades ul li {list-style:none;}
.cidades-mapa img {width:100%; max-width:320px;}

.avaliacao-container {width:100%; display:flex; justify-content:center; gap:30px; flex-wrap:wrap; margin-top:60px;}
.avaliacao-container-coluna {max-width:460px; display:flex; flex-direction:column;}
.avaliacao-item {width:100%; min-height:90px; display:flex; gap:15px; align-items:center;}
.avaliacao-item img {height:max-content; max-height:60px;}
.avaliacao-item h3 {color:var(--thirdColor);}
.avaliacao-item p {color:var(--primaryColor); font-size:15px;}

.relatorio-titulo h2 {background-color:var(--thirdColor); color:#fff; font-size:32px; margin:0; padding:10px 30px; border-radius:5px;}
.relatorio-container {margin:40px 0;}
.relatorio-container ul {display:flex; justify-content:flex-start; gap:15px; flex-wrap:wrap; padding-left:0;}
.relatorio-container ul li {width:calc(50% - 10px); height:60px; padding:10px; box-sizing:border-box; text-align:center; color:var(--primaryColor); background-color:var(--fourthColor); list-style:none; display:flex; justify-content:center; align-items:center; border-radius:5px;}
.relatorio-complemento p {color:var(--primaryColor); text-align:center; font-size:20px;}
.relatorio-texto-destaque {color:var(--thirdColor); font-weight:bold;}

.relatorio-container-destaque {margin-top:15px;}
.relatorio-container-destaque ul {padding-left:0; display:flex; flex-direction:column; align-items:center;}
.relatotio-container-destaque ul li {list-style:none; width:calc(50% - 10px); height:60px; padding:10px; box-sizing:border-box; text-align:center; color:var(--primaryColor); background-color:var(--fourthColor); list-style:none; display:flex; justify-content:center; align-items:center; border-radius:5px;}

.agende p {font-size:64px; text-align:center; font-weight:bold; line-height:calc(100% + 15px); color:var(--thirdColor);}
.agende-texto-destaque {color:var(--secondaryColor);}
.agende button {margin-top:30px;}

.depoimentos {background-image:url(../img/fundo_azul_padrao.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
.titulo-modulo {margin-bottom:80px;}
.titulo-modulo h2 {margin:0; color:#fff; font-size:32px; text-align:center;}
.titulo-modulo p {color:#fff; font-size:15px; text-align:center;}
.depoimento-item {width:100%; background-color:#fff; border-radius:10px; position:relative; box-shadow:0 0 15px rgba(0,0,0,.2); padding:80px 20px 20px;}
.depoimento-item-foto {width:90px; height:90px; position:absolute; top:-45px; left:50%; transform:translateX(-50%); border-radius:50%; overflow:hidden;}
.depoimento-item h4 {text-align:center; margin-bottom:10px; color:var(--textColor);}
.depoimento-item p {text-align:center; font-size:13px; text-align:justify; color:var(--textColor);}
.depoimento-estrelas {margin:30px auto 0 auto; padding:5px 10px; border:1px solid #f3f3f3; color:#ffba0b; text-align:center;}
.botao-container {margin-top:40px;}

/* FAQ */
.faq {background-color:var(--thirdColor);}
.faq .titulo h2 {color:#fff;}
.faq-container {width:100%;}
.faq-item {width:100%; position:relative;}
.faq-item p {margin:0;}
.faq-question {padding:15px 30px 15px 0; cursor:pointer; border-bottom:1px solid #ddd; font-size:21px; color:#fff; font-weight:bold; position:relative;}
.faq-question::after {content:""; position:absolute; right:10px; top:47%; transform:translateY(-50%) rotate(45deg); display:inline-block; border-right:2px solid #fff; border-bottom:2px solid #fff; width:10px; height:10px; transition:all 150ms linear;}
.faq-open .faq-question::after  {transform:translateY(-50%) rotate(-135deg);}
.faq-answer {display:none; padding:15px 10px; border-bottom:1px solid #ddd;}
.faq-answer p {color:#fff; font-size:16px; font-weight:thin;}

.rodape {background-color:#efefef; padding:60px 0;}
.rodape-container {display:flex; justify-content:space-between;}
.rodape h3 {color:var(--thirdColor); font-size:28px; margin-bottom:15px;}
.rodape ul {padding-left:0;}
.rodape ul li {list-style:none;}
.rodape ul li a {color:var(--primaryColor); text-decoration:none;}
.rodape ul li a:hover {text-decoration:underline;}
.rodape-logo {max-width:260px;}
.rodape-sociais {display:flex; justify-content:flex-end; align-items:center; gap:10px; color:#999; font-weight:bold;}
.rodape-sociais ul li {display:inline-block;}
.rodape-sociais ul li a {width:36px; height:36px; float:left; background-color:#999; display:flex; justify-content:center; align-items:center; border-radius:5px; color:#fff; font-size:18px; text-decoration:none;}
.rodape-sociais ul li a:hover {background-color:var(--primaryColor);}

.rodape-sub {background-color:var(--primaryColor); color:#fff; padding:30px 0;}
.rodape-sub p {margin:0; text-align:center;}
.rodape-sub a {color:var(--thirdColor); text-decoration:none;}
.rodape-sub a:hover {text-decoration:underline;}

.modal {width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; visibility:hidden; z-index:5000; transition:all 150ms linear;}
.modal-overlay {width:100%; height:100%; background:rgba(0,0,0,.75); position:absolute; top:0; left:0; z-index:6000;}
.modal-fechar {width:40px; height:40px; background-color:red; color:#fff; position:absolute; top:-20px; right:-20px; display:flex; justify-content:center; align-items:center; font-size:22px; border-radius:50%; cursor:pointer;}
.modal-fechar:hover {background-color:#ff4040;}
.modal-conteudo {width:100%; max-width:740px; background-color:#fff; z-index:6010; padding:30px; border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.modal-conteudo-texto {width:100%; max-height:380px; overflow-y:scroll; margin-top:20px;}
.modal-conteudo-texto p {font-size:14px;}
.modal-conteudo-texto::-webkit-scrollbar {width:10px;}
.modal-conteudo-texto::-webkit-scrollbar-track {background:#f3f3f3; border-radius:5px; overflow:hidden;}
.modal-conteudo-texto::-webkit-scrollbar-thumb {background:var(--primaryColor); border-radius:5px;}
.modal-conteudo-texto::-webkit-scrollbar-thumb:hover {background:#555; }

.modal-aberto {opacity:1; visibility:visible;}

@media (max-width:990px){
.avaliacao-container {gap:0; justify-content:flex-start;}
}

@media (max-width:768px){
body {background:none;}
.topo-logo {max-width:360px;}
.topo-container {flex-direction:column;}
.sobre-container {flex-direction:column-reverse;}
.avaliacao-item {width:100%;}
.relatorio-titulo h2, .relatorio-titulo h3 {line-height:calc(100% + 5px); font-size:26px;}
.relatorio-container ul li {width:100%;}
.agende p {font-size:32px;}
.depoimento-item {margin-bottom:60px;}
.rodape {text-align:center;}
.rodape-container {align-items:center; flex-direction:column-reverse;}
.rodape-sociais {justify-content:flex-start;}
.rodape-logo, .rodape-sociais {margin-bottom:30px;}
.modal-conteudo {width:calc(100% - 40px);}
}

@media (max-width:480px){
.form-container {flex-direction:column;}
.relatorio-container ul li {height:auto; padding:10px;}
.relatorio-container-destaque {margin-top:30px;}
.cidades-container {flex-direction:column;}
}