:root {
    --primaryColor: #0C2A61;
    --secondaryColor: #F5942F;
    --thirdColor: #081E46;
    --primaryColorRGB: 12, 42, 97;
    --secondaryColorRGB: 245, 148, 47;
    --textColor: #6a7483;
    --module: 60px 0;
}

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

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

.cor-principal {color:var(--primaryColor) !important;}
.cor-secundario {color:var(--secondaryColor) !important;}
.cor-branco {color:#fff !important;}

.modulo {width:100%; padding:var(--module); position:relative;}

/* Botões */
.botao {width:200px; height:54px; font-size:20px; font-weight:normal; border-radius:27px; background-color:var(--primaryColor); color:#fff;  cursor:pointer; position:relative; border:0;}
.botao-principal {background-color:var(--primaryColor); color:#fff; transition:all 150ms linear;}
.botao-principal:hover {background-color:#13387D;}
.botao-secundario {background-color:var(--secondaryColor); color:#fff; box-shadow:0 0 0 var(--primaryColor); transition:all 150ms linear;}
.botao-secundario:hover {background-color:#FFA54A;}

.botao-maior {width:260px; height:60px; font-size:18px; border-radius:30px;}
.botao-centralizado {left:50%; transform:translateX(-50%);}
.botao-container {margin-top:30px;}

.cabecalho {width:100%; background-color:#fff; position:fixed; z-index:1000;}
.cabecalho-fixed {width:100%; height:90px; position:relative;}
.cabecalho-container {max-width:1170px; margin:0 auto; padding:15px; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.logo {width:223.7px; height:60px; background-image:url(../img/logo_wedo@2x.png); background-repeat:no-repeat; background-size:cover;}
.logo h1 {display:none;}

/* Menu */
.menu-principal {position:relative;}
.menu-principal ul {padding-left:0;}
.menu-principal ul li {list-style:none; display:inline-block; position:relative;}
.menu-principal ul li a {color:var(--primaryColor); text-decoration:none; font-size:16px; padding:0 10px; float:left; position:relative; transition:all 150ms linear;}
.menu-principal ul li a:hover {color:var(--secondaryColor);}

.menu-lista {display:block;}

.menu-overlay {width:100%; height:100%; position:fixed; top:0; left:0; background:transparent; z-index:1000; border:0; visibility:hidden; opacity:0;}
.overlay-aberto {visibility:visible; opacity:1;}

/* Menu Responsivo */
.menu-botao-responsivo {width:64px; height:64px; position:fixed; top:12px; right:10px; border-radius:50%; background-color:var(--primaryColor); opacity:0; visibility:hidden; cursor:pointer; border:2px solid #fff; z-index:8700; transition:all 150ms linear;}
.menu-hamburguer {width:28px; float:left; position:relative; left:50%; top:14px; transform:translateX(-50%);}
.menu-hamburguer p {color:#242424; text-transform:uppercase; font-size:9px; margin:0; text-align:center;}
.icone-barra {width:28px; height:3px; margin:2px 0; float:left; background-color:#fff; transition:all 150ms linear;}
.menu-texto {width:100%; text-align:center; position:absolute; top:28px; font-size:14px; color:#fff;}
.menu-texto p {font-size:12px; color:#fff; font-weight:normal; margin: 6px 0 0; text-transform:uppercase;}

/* Barras do menu hamburguer */
.menu-botao-responsivo .icone-barra {transition:all 200ms linear;}
.menu-botao-responsivo .top-bar {transform:rotate(45deg); transform-origin:10% 10%; margin-left:5px;}
.menu-botao-responsivo .middle-bar {opacity:0; margin-left:5px;}
.menu-botao-responsivo .bottom-bar {transform:rotate(-45deg); transform-origin:10% 90%; margin-left:5px;}
.menu-botao-responsivo.colapsado .top-bar {transform:rotate(0); margin-left:0;}
.menu-botao-responsivo.colapsado .middle-bar {opacity:1; margin-left:0;}
.menu-botao-responsivo.colapsado .bottom-bar {transform: rotate(0); margin-left:0;}

.ancora {width:1px; height:1px; background:none; border:0; position:absolute; top:-50px; left:0;}

.banner {width:100%; height:auto; padding:60px 0; background-image:url(../img/fundo_principal_wedov2.jpg); background-position:center; background-size:cover; position:relative; background-repeat:no-repeat;}
.banner::before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.35);}
.banner-container {max-width:1400px; margin:0 auto; display:flex; justify-content:center; gap:30px; align-items:center; padding-left:15px; padding-right:15px; position:relative;}
.banner-texto h2 {color:#fff; font-size:54px; font-weight:bold; line-height:calc(100% + 10px); margin:0 0 20px;}
.banner-texto h3 {color:#fff; font-size:26px; font-weight:normal; line-height:calc(100% + 10px); margin:0 0 20px;}
.banner-texto-complemento {display:flex; gap:30px;}
.banner-texto-complemento p {color:#fff; font-size:16px;} 

.banner-formulario {width:100%; background-color:#fff; border-radius:10px; padding:20px; position:relative;}
.banner-formulario h2 {color:var(--secondaryColor); font-size:32px; margin:0;}
.banner-formulario p {color:var(--textColor); margin:0 0 15px; font-size:14px;}
.banner-formulario .botao {margin-top:15px;}

.banner-formulario input, .banner-formulario textarea {border:1px solid #888; padding:5px 0;}

.modal-formulario-loader {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.9); opacity:0; visibility:hidden; z-index:3000;}
.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;}
#resultado {color:#009938; font-size:17px; font-weight:bold; margin-top:20px;}

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

.form-container-checkbox label {cursor:pointer; font-size:14px;}
.form-container-checkbox .link_politica {color:var(--secondaryColor); cursor:pointer; font-size:14px;}
.form-container-checkbox .link_politica:hover {text-decoration:underline;}
.link_politica {cursor:pointer;}

.titulo-modulo {margin-bottom:20px;}
.titulo-modulo p {font-size:18px; margin:0;}
.titulo-modulo h2, .titulo-modulo h3 {color:var(--primaryColor); font-weight:bold; font-size:28px; margin:0 0 10px; line-height:100%;}
.titulo-modulo-sub p {font-size:15px; color:var(--textColor); margin:0;} 

.servicos {background-color:var(--secondaryColor); background-image:url(../img/elemento_fundo_logo_branco.png); background-repeat:no-repeat; background-position:left -200px center;}
.servicos-item {position:relative;}
.caixa-texto {max-height:260px; overflow-y:auto;}
.caixa-texto::-webkit-scrollbar {width:10px;}
.caixa-texto::-webkit-scrollbar-track {background:transparent; border-radius:5px;}
.caixa-texto::-webkit-scrollbar-thumb {background:#fff; border-radius:5px;}
.caixa-texto::-webkit-scrollbar-thumb:hover {background:#f3f3f3;}

.estrategico {background-color:#fff; background-image:url(../img/elemento_fundo_logo_colorido.png); background-repeat:no-repeat; background-position:right -200px center;}

.processos {background-color:#0C2A61; background-image:url(../img/elemento_fundo_foto_entrevista.png); background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.processos::before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.35);}
.processos .container {position:relative;}

.consultoria-container {display:flex; flex-wrap:wrap; gap:20px; padding-left:15px; padding-right:15px;}
.consultoria {position:relative; width:calc(25% - 15px); height:450px;}
.consultoria img {position:absolute; top:50%; left:50%; width:100%; height:100%; z-index:-100; transform:translate(-50%,-50%); background-size:cover; object-fit:cover;}
.consultoria-texto {position:absolute; width:100%; left:0; bottom:0; padding:30px 15px 15px; background:linear-gradient(to top, rgba(var(--primaryColorRGB),.7) , transparent);}
.consultoria-texto h3 {color:#fff; margin:0; line-height:100%; font-size:26px;}
.consultoria-saiba p {margin:0; color:var(--secondaryColor); font-weight:bold; cursor:pointer; line-height:100%;}

.consultoria-descricao {width:100%; height:100%; opacity:0; padding:15px; visibility:hidden; transition:all 150ms linear; background:rgba(var(--primaryColorRGB),.7); position:absolute; top:0; left:0;}
.consultoria-descricao h4 {color:#fff; font-size:22px; margin:15px 0 5px;}
.consultoria-descricao p {color:#fff;}
.consultoria-descricao-texto {max-height:calc(450px - 30px); overflow-y:auto; padding-right:15px;}
.consultoria-descricao-texto::-webkit-scrollbar {width:10px;}
.consultoria-descricao-texto::-webkit-scrollbar-track {background:transparent; border-radius:5px;}
.consultoria-descricao-texto::-webkit-scrollbar-thumb {background:#fff; border-radius:5px;}
.consultoria-descricao-texto::-webkit-scrollbar-thumb:hover {background:#f3f3f3;}
.consultoria-fechar {width:46px; height:46px; background-color:red; color:#fff; display:flex; justify-content:center; align-items:center; font-size:22px; border-radius:50%; position:absolute; top:-10px; right:-10px; cursor:pointer;}
.consultoria-fechar:hover {background-color:#ff4040;}
.descricao-aberta {opacity:1; visibility:visible;}

.somos-wedo {padding-bottom:220px; background-color:#E0DFDD; background-image:url(../img/elemento_fundo_render_pessoas.png); background-repeat:no-repeat; background-position:center bottom;}

.depoimentos {background-color:var(--primaryColor);}
.depoimento p {color:#fff;}
.depoimento h4 {color:#fff; font-size:18px; text-align:center;}
.depoimentos .owl-carousel .owl-dots {text-align:center;}
.depoimentos .owl-carousel .owl-dots button.owl-dot {width:20px; height:20px; background-color:#fff; border-radius:50%; margin:0 2.5px; transition:all 150ms linear;}
.depoimentos .owl-carousel .owl-dots button.owl-dot.active {background-color:var(--secondaryColor);}
.owl-depoimentos::before {content:""; width:99px; height:92px; background-image:url(../img/aspas.png); background-repeat:no-repeat; background-size:cover; position:absolute; top:-15px; left:-15px;}

.numeros {background-color:var(--secondaryColor);}
.numero {text-align:center; margin:20px 0;}
.numero h4 {color:#fff; font-size:52px; margin:0;}
.numero p {color:#fff; margin:0;}

.fundadores {width:100%; height:0; padding-bottom:50%; background-color:var(--primaryColor); background-image:url(../img/foto_fundadores.png); background-repeat:no-repeat; background-size:cover; position:relative;}
.fundador-texto h3 {color:#fff; font-size:32px; margin:0; text-shadow:0 0 15px rgba(0,0,0,.2);}
.fundador-texto p {color:var(--secondaryColor); margin:0; cursor:pointer;}

.fundador-1 {position:absolute; bottom:20%; left:5%;}
.fundador-2 {position:absolute; bottom:20%; left:45%;}

.clientes {background-color:#fff;}
.clientes-container {display:flex; flex-wrap:wrap; justify-content:center; gap:30px;}
.clientes-container img {max-height:80px; max-width:160px; text-align:center;}
.cliente {width:calc(25% - 25px); text-align:center; margin-top:20px;}

.rodape {width:100%; padding:60px 0; background-color:var(--primaryColor);}
.rodape-container {max-width:1170px; margin:0 auto; padding-left:15px; padding-right:15px; display:flex; justify-content:center; flex-wrap:wrap; gap:80px;}
.rodape-logo {width:169.28px; height:140px; background-image:url(../img/logo_wedo_branco_rodape.png); background-repeat:no-repeat; background-size:cover;}
.rodape-item {max-width:320px;}
.rodape-item h3 {color:#fff; margin-top:0; font-size:26px;}
.rodape-item h4 {color:#fff; margin-bottom:0; font-size:18px;}
.rodape-item p {color:#fff; margin-top:0;}
.rodape-menu ul {padding-left:0;}
.rodape-menu ul li {list-style:none; padding:7px 0;}
.rodape-menu ul li a {color:#fff;}
.rodape-menu ul li a:hover {text-decoration:underline;}
.rodape-sociais ul {padding-left:0;}
.rodape-escritorio a {color:#fff; transition:all 150ms linear;}
.rodape-escritorio a:hover {color:var(--secondaryColor);}
.rodape-sociais ul li {display:inline-block;}
.rodape-sociais ul li a {width:46px; height:46px; border-radius:50%; float:left; font-size:24px; background-color:#fff; color:var(--primaryColor); display:flex; justify-content:center; align-items:center; transition:all 150ms linear;}
.rodape-sociais ul li a:hover {background-color:var(--secondaryColor); color:#fff;}

.rodape-sub {width:100%; padding:15px 15px 60px; background-color:var(--thirdColor); text-align:center;}
.rodape-sub p {color:#fff; font-size:14px; margin-bottom:0;}
.rodape-sub-assinatura p {font-size:13px; margin-top:5px;}
.rodape-sub-assinatura a {color:var(--secondaryColor);}
.rodape-sub-assinatura a:hover {text-decoration:underline;}

.form-container label.error, .form-container-checkbox label.error {color:red;}

.modal {width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; visibility:hidden; z-index:3000; transition:all 150ms linear;}
.modal h2 {margin:0; font-size:26px; color:var(--primaryColor);}
.modal h4 {margin:0 0 15px; font-size:18px; color:var(--secondaryColor);}
.modal-overlay {width:100%; height:100%; background:rgba(0,0,0,.75); position:absolute; top:0; left:0; z-index:3010;}
.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:3020; 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; padding-right:15px;}
.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;}

.contato_botoes {position:fixed; right:15px; bottom:15px; display:flex; gap:5px; flex-direction:column;}
.contato_botao {width:54px; height:54px; background-color:var(--primaryColor); font-size:28px; color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.contato_botao_whatsapp {background-color:#25D366; transition:all 150ms linear;}
.contato_botao_whatsapp:hover {background-color:#3aed7c;}
.contato_botao_email {background-color:var(--thirdColor); transition:all 150ms linear;}
.contato_botao_email:hover {background-color:var(--thirdColor);}



@media (max-width:1440px){
.estrategico {background-position:right -400px center;}
.cliente {width:calc(33.3333% - 25px);}
}

@media (max-width:1080px){
.estrategico {background-position:right -500px center;}
.consultoria {width:calc(50% - 10px);}
}

@media (max-width:989px){
.cabecalho-fixed {height:70px;}
.logo {width:149.16px; height:40px;}
.banner {background-image:url(../img/fundo_principal_wedov2_mobile.jpg);}
.banner-container {flex-direction:column; }
.banner-texto h2 {font-size:42px;}
.banner-texto h3 {font-size:22px;}
.estrategico {background-image:none;}
.rodape-container {flex-direction:column; align-items:flex-start; gap:40px;}
.rodape-item {width:100%; max-width:100%;}
.rodape-logo {position:relative; left:50%; transform:translateX(-50%);}
.cliente {width:calc(50% - 25px);}
.clientes-container img {max-width:130px;}
.fundador-texto h3 {font-size:22px;}
.menu-botao-responsivo {opacity:1; visibility:visible;}
.menu-lista {width:205px; height:100%; visibility:hidden; opacity:0; position:fixed; top:70px; right:-220px; background:linear-gradient(to right, transparent, var(--primaryColor), var(--primaryColor)); transition:all 150ms linear;}
.menu-aberto {visibility:visible; opacity:1; right:0; z-index:8600;}
.menu-principal-conteudo {margin-top:40px;}
.menu-lista ul li {width:100%; position:relative;}
.menu-lista ul li a {width:100%; color:#fff; text-align:right; font-size:20px; line-height:28px; font-weight:bold; padding:10px 20px; box-sizing:border-box;}
.cabecalho-abaixo .menu-lista ul li a {line-height:28px;}
.menu-principal ul li ul>li>a {font-size:16px;}
.menu-principal ul li a::after {display:none;}
}

@media (max-width:768px){
.banner-item {width:100%;}
.titulo-modulo h2, .titulo-modulo h3 {font-size:24px;} 
.modal-conteudo {width:calc(100% - 40px);}
.consultoria {width:100%;}
.fundador-texto h3 {font-size:18px;}
.servico-1, .servico-2 {margin-bottom:40px;}
}

@media (max-width:480px){
.fundador-2 {bottom:5%;}
}