/*
Theme Name: Mapeamento MasterMind
Theme URI: https://mapeamento.mastermind.com.br
Author: Agência I9 Criações
Author URI: https://i9criacoes.com.br
Description: Theme wordpress Mapeamento MasterMind
Version: 1.0
Text Domain: mastermind
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
@font-face {
  font-family: 'Omnes';
  src: url('fontes/omnes_bold-webfont.woff2') format('woff2'),
       url('fontes/omnes_bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Omnes';
  src: url('fontes/omnes_light-webfont.woff2') format('woff2'),
       url('fontes/omnes_light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Omnes';
  src: url('fontes/omnes-regular-webfont_4-webfont.woff2') format('woff2'),
       url('fontes/omnes-regular-webfont_4-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;

}
@font-face {
  font-family: 'Alegreya Sans';
  src: url('fontes/alegreya_sans_bold-webfont.woff2') format('woff2'),
       url('fontes/alegreya_sans_bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Omnes';
  src: url('fontes/omnes-medium-webfont.woff2') format('woff2'),
       url('fontes/omnes-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
*{
box-sizing:border-box;
font-family: 'Omnes', sans-serif;
outline:0;
border:0;
padding:0;
margin:0;

}



body, html{
padding:0;
margin:0;
font-family: 'Omnes', sans-serif;
height: 100%;
  width: 100%;
  overflow-x: hidden;
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Omnes', sans-serif;
font-weight:700;
}
p, span{
font-family: 'Omnes', sans-serif;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
}
header{
background:#EDEDED;
position:relative;
width:100%;
}
header:after{
content:"";
width:600px;
height:16px;
background:#ED3024;
position:absolute;
left:50%;
transform:translatex(-50%);
bottom:-8px;
}
.content-header{
display:flex;
align-items:center;
justify-content:center;
padding:35px 0 45px;
}
.content-header .logo{
max-width:390px;
}
.banner{
width:100%;
display:flex;
align-items:center;
height:calc(100vh - 213px);
background:url(imagens/dupla.png);
background-size:cover;
background-position:center top;
}
.info p{
font: normal normal 400 21px/29px Omnes;
}

.banner .mapeamento h1{
margin-top:230px;
text-align: center; 
  font: normal normal 100 47px/34px Omnes; 
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0;
justify-content:center;
overflow:hidden;
}
.banner .mapeamento h5{
text-align: center;
  font: normal normal 500 23px/25px Omnes;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 30px;
overflow:hidden;
}
.btn-agendar{
margin-top:20px;
  margin: 30px auto 40px 150px; 
  padding: 10px 20px;
  background-color: #ED3024; 
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 6px;
  font: normal normal 700 20px/24px Alegreya Sans;
  letter-spacing: 0px;
  text-transform: uppercase;
  height: 60px;
  max-width: 405px;
  width: 450px; 
  text-align: center;
  transition: all 0.5s ease-in-out;

}
.btn-agendar:hover{
background:#121212;
color:#fff;
}
.text-one{
background:#ED3024;
color:#fff;
padding:50px 0;
}
.como-funciona {

  background: #fff;
  text-align: center;
margin-bottom:49px;
}
.subtitulo{
padding-top:20px;
}

.como-funciona h2 {
  font: normal normal 600 36px/51px Omnes;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  position: relative;
background:#000000;
height:102px;
padding-top:29px;
}
.container h1{
	color:#ED3024;
}
.como-funciona h2::after {
  content: "";
  width: 600px;
  height: 16px;
  background: #ED3024;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
}
.menosminutos{
padding-bottom:15px;
}

.como-funciona .subtitulo h3 {
  font: normal normal 700 40px/48px Omnes;
  color: #000;
  margin: 0 0 10px 0;
}
.text-agendar-formulario{
margin-top:10px;
text-align:center;
font: normal normal normal 20px/29px Omnes;
	margin-bottom:-80px;
}
.como-funciona .subtitulo p {
  font: normal normal 400 21px/29px Omnes;
  color: #000;
  max-width: 600px;
  margin: 0 auto 20px;
}


@media (min-width: 1024px) {
.swiper-wrapper {
  justify-content: center;
}

}
@media (max-width: 767px) {


.como-funciona h2 {
  display:none;
  
  /* Garante que o h2 ocupe toda a largura */
  /* Outros estilos para o h2, se necessário */
}
.como-funciona h2:after {
  width: 50%;
  /* Garante que o h2 ocupe toda a largura */
  /* Outros estilos para o h2, se necessário */
}
.menosminutos{
  max-width:85%;
  padding-bottom:15px;
  
}
.text-one .container p{
  font-size:18px;
}




}
.como-funciona p{
text-align: center;
font: normal normal normal 23px/29px Omnes;

}
.info{
padding:20px;
}
.como-funciona .etapa {
  background: #fff;
  
  width: 180px;
  text-align: center;
  position: relative;
 
}
.progresso {
width: 460px;
max-width: 100%;
height: 14px;

border-radius: 0;
position: relative;
overflow: hidden;
margin: 0 auto;
background-color: transparent;
background-image: linear-gradient(to right,#ED3024, #ED3024);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
z-index: 2;
}

.progresso .fill { display:none; }


.como-funciona .btn-agendar {
  display: inline-block;
  margin: 0 auto;
  padding: 12px 30px;
  background-color: #ED3024;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font: normal normal 700 20px/24px Alegreya Sans;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;

}

.como-funciona .btn-agendar:hover {
  background: #121212;
  color: #fff;
}

.mapeamento p{
margin-top:10px;
margin-bottom:10px;
top: 653px;
left: 342px;
max-width: 490px;
height: 62px;
text-align: center;
font: normal normal normal 22px/28px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.mapeamento {
  align-items: center;
  justify-content: center;
  max-width: 800px;
  text-align: center;
  margin: 20px auto; 
padding-top:170px;
height:800px;
}

.texto_ban {

margin-left:120px;
font: italic normal 100 57px/53px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #00000029;

opacity: 1;

}
.banner .container .mapeamento h1{
text-align:center;
  justify-content:center;
align-items:center;
  font: italic normal 600 57px/53px Omnes;
  width:490px;
}
/* MOBILE */
@media (max-width: 992px) {
/* Deixe o Swiper controlar o layout */
.etapas  { 
  display: block !important;   /* NADA de flex aqui */
  overflow: hidden;   
 /* evita scroll lateral inicial */
}

/* Não force largura fixa nas slides no mobile */
.como-funciona .etapa { 
  width: 100%;
}

/* Garanta que cada slide ocupe a tela toda */
.etapas .swiper-slide {
  width: 100%;
}

/* Paginação abaixo, centralizada */
.etapas .swiper-pagination {
  position: static;
  margin-top: 12px;
}

/* Dots vermelhos do Swiper (igual aos outros sliders) */
.etapas .swiper-pagination{
  display:flex; align-items:center; justify-content:center; gap:10px;
}
.etapas .swiper-pagination-bullet{ width:8px; height:8px; background:#D6D6D6; opacity:1; }
.etapas .swiper-pagination-bullet-active{ background:#ED3024; }
.mapeamento{
align-items:center;
justify-content:center;
max-width:400px;
align-content:center;
gap:40px;
}


.banner .container .mapeamento h1{
  
  font: italic normal 600 41px/39px Omnes;
  width: 418px;
}
.texto_ban p{
  padding:10px;
}

}
/* Centralizar formulário no mobile */
@media (max-width: 768px) {
formulario {
  margin: 0 auto; /* centraliza */
  max-width: 90%; /* não deixa ficar colado na borda */
}

/* Ajustar botão */
#submit_button {
  display: block;
  margin-top:10px;
  margin: 20px auto 0 auto; /* centraliza horizontal */
  width: 70% !important; /* diminui largura */
  font-size: 14px; /* opcional: texto menor */
  padding: 10px 0; /* opcional: altura mais elegante */
}
}

/* Se quiser 250px só no desktop, deixa aqui */
@media (min-width: 993px) {
.como-funciona .etapa { width: 250px; }
}

/* Esconde no mobile até 768px */
@media (max-width: 768px) {
.botao-banner.btn-agendar {
  display: none !important;
}
}





.text-one p{
margin:0 auto;
text-align: center;
font: normal normal normal 28px/39px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
max-width:950px
}
.motivacao{
align-self:stretch;
}
.motivacao .imagem{
width:820px;
position:relative;
}
.motivacao .imagem:after{
content:"";
width:16px;
height:520px;
position:absolute;
right:-8px;
top:50%;
transform:translatey(-50%);
background:#ED3024;
}
.motivacao .imagem img{
width:100%;
height:100%;
object-fit:cover;
object-position:center right;
}
.motivacao .text{
width:calc(100% - 820px);
padding:80px;
}
.motivacao .area-texto{
max-width:630px;
width:100%;
}
.motivacao .area-texto h2{
text-align: left;
font: normal normal 700 36px/64px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:30px;
}
.motivacao .area-texto p{
text-align: left;
font: normal normal normal 23px/32px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:40px;
}
.tarja{
background:#ED3024;
position:relative;
padding:23px 0 28px;
}
.tarja:after{
content:"";
width:600px;
height:16px;
position:absolute;
bottom:-6px;
left:50%;
transform:translatex(-50%);
background:#000;
}
.tarja h2{
margin:0;
text-align: center;
font: normal normal 600 36px/51px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
}
.lista-beneficios{
padding:70px 0;
}
.beneficios{
max-width:1140px;
margin:0 auto 60px;
}
.beneficios .beneficio{
background:#EDEDED;
width:32%;
padding:50px 30px 35px;
position:relative;
}
.beneficio:after{
content:"";
width:80%;
height:16px;
bottom:-6px;
background:#ED3024;
position:absolute;
left:10%;
}
.beneficios .beneficio .icone{
width:100%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
height:76px;
}
.beneficios .beneficio .icone img{
width:auto;
height:100%;
}
.beneficios .beneficio h3{
text-align: center;
font: normal normal 700 22px/29px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.beneficios .beneficio p{
text-align: center;
font: normal normal 400 21px/29px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:0;
}
.auto{
margin:0 auto;
}
.motivo{
background:#EDEDED;
box-shadow: 3px 3px 12px #00000029;
margin:30px 40px 40px 40px;
}
.motivo .imagem{
width:179px;
height:259px;
position:relative;
background:#000;
}

.motivo .imagem img{
width:100%;
height:100%;
object-fit:cover;
}
.motivo .text{
width:calc(100% - 179px);
padding:10px 10px 10px 40px;
display:flex;
align-items:center;
}
.motivo .text .content h3{
text-align: left;
font: normal normal bold 23px/29px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.motivo .text .content p{
text-align: left;
font: normal normal normal 21px/26px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.slide{
padding-left:140px;
margin:60px 0 40px;
}
.slide-motivos .slick-list{
padding:0 130px 0 2px !important;
}
.slide-competencia .slick-list{
padding:0 130px 0 2px !important;
}
.arrows{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:60px;
color:#fff;
}
.slide {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.slide-competencias {
 display:flex;
  justify-content: space-between;
}



.competencia-imagem {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;   /* centraliza horizontalmente */
align-items: flex-end;     /* joga o texto para o fundo da imagem */
}

.competencia-texto {
width: 100%;
padding: 20px;
text-align: center;
color: #fff;
background: linear-gradient(
  to top,
  rgba(0,0,0,0.6) 0%,
  rgba(0,0,0,0) 100%
); /* efeito degradê de baixo pra cima */
}

.competencia-texto h3 {
font-size: 20px;
font-weight: 700;
color: #ED3024;
margin-bottom: 10px;
min-height: 50px; /* garante mesma altura do título */
display: flex;
align-items: center;
justify-content: center;
}

.competencia-texto p {
font-size: 16px;
line-height: 1.4;
margin: 0;
min-height: 70px; /* força mesma altura para os textos */
display: flex;
align-items: center;
justify-content: center;
}


/* Container do slide */
.slide {
position: relative;
overflow: hidden;
width: 100%;
margin: 40px auto;
}

/* Faixa que contém os slides */
.slide-competencias {
display: flex;
transition: transform 0.5s ease-in-out;
gap: 20px;
}

/* Cada card de competência */


.competencia-imagem {
background-size: cover;
background-position: center;
height: 100px;
display: flex;
align-items: flex-end;
}

.competencia-texto {

color: #fff;
padding: 15px;
width: 100%;
}

/* Arrows */
.arrows {
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
margin-top: 20px;
}

.arrow {
cursor: pointer;
font-size: 24px;
color: #fff;
transition: 0.3s;
}

.arrow:hover {
color: #d00;
}

/* Responsividade */
@media (max-width: 768px) {
.competencia-slide {
  flex: 0 0 100%; /* ocupa 80% da tela no mobile */
  margin: 0 5px;
	
}
	.slide-competencias .slick-list {
    padding: 0 10px !important; /* Evita cortes */
  }
	
}


.arrows {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  max-width: 1200px;
  margin: 0 auto;
}

.arrow {
  cursor: pointer;
  font-size: 2em;
  color: #fff;
}

.progress {
  flex-grow: 1;
  height: 5px;
  background: #ccc;
  position: relative;
}

.progress::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ED3024;
  transition: background-size 0.3s ease;
}

@media (max-width: 768px) {
  .competencia-slide {
      flex: 0 0 calc(50% - 10px);
  }
}
.motivos{
background:#000;
padding:50px 0 60px;
}
.motivos h2{
text-align: center;
font: normal normal 600 36px/40px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
max-width:600px;
margin:0 auto;
}
.competencias {
padding: 60px 20px;
background-color: #f9f9f9;
text-align: center;
}

.competencias h2 {
font-size: 2rem;
margin-bottom: 40px;
color: #333;
}

.competencias-container {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}

.competencia {
background: #fff;
padding: 20px;
border-radius: 12px;

max-width: 300px;
transition: transform 0.3s ease;
}
.arrows-btao{
align-content:center;
text-align:center;
justify-content:center;
}
.competencia:hover {
transform: translateY(-5px);
}
.motivos p{
text-align:center;
color:#fff;
font-size:23px;
}

.competencia h3 {
font-size: 1.4rem;
color: #222;
margin-bottom: 10px;
}

.competencia p {
font-size: 1rem;
color: #666;
}

.arrows{
position:relative;
max-width:560px;
margin:0 auto 60px;
}
.progress {
display: block;
width: 460px;
height: 14px;
border-radius:0;
background-color: transparent;
background-image: linear-gradient(to right,#ED3024, #ED3024);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
margin: 0px auto;
position: relative;
overflow: hidden;
z-index: 2;
}
/* garante que dots não apareçam junto da barra no desktop */
@media (min-width: 993px){
 .progress .slick-dots{ display:none !important; }
}
.slider__label_bar {
width: 460px;
max-width: 100%;
border-radius: 0px;
font-size: 0;
height: 7px;
background: #fff !important;
position:absolute;
left:50%;
top:50%;
transform:translatex(-50%) translatey(-50%);
z-index: 1;
}
.progress .slider__label, .progress::before {
opacity: 0;
display: none;
}
.arrows .arrow{
font-size:24px;
line-height:1;
cursor:pointer;
}
.motivos .btn-agendar{
border:1px solid #ED3024;
}
.motivos .btn-agendar:hover{
border-color:#fff;
}
.competencia{
background:#EDEDED;
box-shadow: 3px 3px 12px #00000029;
margin:0 14px;
}
.competencia .imagem{
width:179px;
height:259px;
position:relative;
background:#000;
}
.competencia .imagem:after{
content:"";
width:10px;
height:180px;
background:#ED3024;
position:absolute;
right:-5px;
top:50%;
transform:translatey(-50%);
}
.competencia .imagem img{
width:100%;
height:100%;
object-fit:cover;
}
.competencia .text{
width:calc(100% - 179px);
padding:10px 10px 10px 40px;
display:flex;
align-items:center;
}
.competencia .text .content h3{
text-align: left;
font: normal normal bold 23px/29px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.competencia .text .content p{
text-align: left;
font: normal normal normal 21px/26px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.slide{
padding-left:140px;
margin:60px 0 40px;
}
@media screen and (max-width: 768px) {
.text-ban h1 {
  font-size: 1.8rem; /* Reduz o tamanho da fonte para mobile */
  padding: 8px 0; /* Ajusta o padding */
}
}

@media screen and (max-width: 480px) {
.text-ban h1 {
  font-size: 1.5rem; /* Ajuste ainda menor para telas muito pequenas */
  padding: 6px 0;
}
}
.texto_ban h1 {
	font: italic normal 600 57px/53px Omnes;
  margin: 0;
}
.arrows{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:60px;
color:#fff;
}
.competencias{
background:#000;
padding:50px 0 60px;
}
.competencias h2{
text-align: center;
font: normal normal 600 36px/40px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
max-width:600px;
margin:0 auto;
}
.arrows{
position:relative;
max-width:560px;
margin:0 auto 60px;
}
.progress {
display: block;
width: 460px;
height: 14px;
border-radius:0;
background-color: transparent;
background-image: linear-gradient(to right,#ED3024, #ED3024);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
margin: 0px auto;
position: relative;
overflow: hidden;
z-index: 2;
}
.slider__label_bar {
width: 460px;
max-width: 100%;
border-radius: 0px;
font-size: 0;
height: 7px;
background: #fff !important;
position:absolute;
left:50%;
top:50%;
transform:translatex(-50%) translatey(-50%);
z-index: 1;
}
.progress .slider__label, .progress::before {
opacity: 0;
display: none;
}
.arrows .arrow{
font-size:24px;
line-height:1;
cursor:pointer;
}
.competencias .btn-agendar{
border:1px solid #ED3024;
}
.competencias .btn-agendar:hover{
border-color:#fff;
}




.form-container{ display:block; }
.sharpspring_form{
width:1200px;
}

.competencia-imagem {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}

.competencia-texto {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
 justify-content:center;
text-align:center;
  color: white;
}

.competencia-texto h3 {
  margin: 0;
  color: #ED3024; /* Vermelho como na imagem */
  font-size: 27px;
}
.competencia-slide {
flex: 0 0 calc(25% - 10px); /* largura base, ajusta para mais ou menos colunas */
margin: 10px 10px 20px 10px; /* margens superior/lateral/inferior */
position: relative;
overflow: hidden;
border-radius: 6px;
height: 464px; /* altura ajustada */
background: #fff;
}

.competencia-texto p {
  margin: 5px 0 0;
  font-size: 18px;
width:100%;
text-align:center;
justify-content:center;
}

@media (max-width: 768px) {
  .competencia-slide {
      flex: 0 0 calc(100% - 10px); /* 2 colunas em mobile */
  }
}

.destino{
background:#EDEDED;
padding:60px 0;
}
.destino h2{
text-align: center;
font: normal normal bold 36px/51px Omnes;
letter-spacing: 0px;
color: #ED3024;
margin:0;
}
.destino h5{
text-align: center;
font: normal normal 400 24px/33px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:55px;
}
.destinos{
max-width:1150px;
margin:0 auto 40px;
}
.item-destino{
width:31%;
background:#fff;
margin-bottom:4%;
border-radius:5px;
padding:0 30px 30px;
position:relative;
}
.item-destino:after{
content:"";
width:80%;
height:12px;
position:absolute;
background:#ED3024;
left:10%;
bottom:-6px;
}
.item-destino .icone{
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
padding-top:50px;
}
.item-destino p{
text-align: center;
font: normal normal normal 21px/22px Omnes;
letter-spacing: 0px;
color: #000000;
max-width:254px;
margin:0 auto;
}
.item-destino .content{
min-height:140px;
display:flex;
align-items:center;
justify-content:center;
}
.formulario{
padding:60px;
width:1070px;
min-width:400px;

}

.text-agendar p{
text-align: left;
font: normal normal normal 23px/32px Omnes;
letter-spacing: 0px;
color: #000000;
max-width:490px;
}
.text-agendar .duracao{
display:flex;
align-items:center;
}
.text-agendar .duracao .icon{
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:29px;
}
.text-agendar .duracao strong{
text-align: left;
font: normal normal bold 23px/40px Omnes;
letter-spacing: 0px;
color: #000000;
margin-left:12px;
}
.text-agendar .duracao.dispositivo strong{
text-transform:uppercase;
}
.text-agendar p.mape{
margin-top:20px;
}
.form input[type="text"], .form input[type="tel"], .form input[type="email"]{
width:100%;
background: #EDEDED 0% 0% no-repeat padding-box;
border-radius: 6px;
height:60px;
padding:5px 20px 5px 35px;
color:#000;
text-align: left;
font: normal normal 400 17px/20px Omnes;
letter-spacing: 0px;
color: #000000;
position:relative;
}
.input-mape{
position:relative;
}
.input-mape span.after{
height:40px;
width:5px;
background:#ED3024;
position:absolute;
left:0;
top:50%;
transform:translatey(-50%);
-webkit-transition: opacity .25s;
transition: all .5s;
opacity:0;
visibility:hidden;
}
.input-mape.active span.after{
opacity:1;
visibility:visible;
}
.form input[type="submit"]{
width:100%;
height:60px;
background:#ED3024;
color:#fff;
text-align: center;
font: normal normal bold 25px/31px Alegreya Sans;
letter-spacing: 0px;
color: #FFFFFF;
text-transform:uppercase;
border-radius:6px;
margin-top:10px;
cursor:pointer;
}
.form input[type="submit"]:hover{
background:#121212;
color:#fff;
}
.formulario p{
text-align: left;
font: normal normal normal 23px/32px Omnes;
letter-spacing: 0px;
color: #000000;
}
.formulario{
display:flex;
flex-wrap:wrap;
justify-content:center;
padding-left:100px;
}
.formulario .wpcf7{
width:100%;
}
.agendar .row{
max-width:1150px;
margin:auto;
}
.napoleon{
background:#EDEDED;
}
.napoleon .imagem-napoleon{
width:550px;
background:#ED3024;
position:relative;
display: flex;
align-items: flex-end;
}
.napoleon .imagem-napoleon:before{
content:"";
width:16px;
height:550px;
background:#000000;
position:absolute;
left:-8px;
top:50%;
transform:translatey(-50%);
}
.napoleon .imagem-napoleon img{
width:100%;
height:auto;
}
.napoleon .text-napoleon{
width:calc(100% - 550px);
padding:80px 330px 80px 0;
display:flex;
justify-content:flex-end;
align-items:center;
}
.napoleon .text-napoleon .text{
max-width:645px;
}
.napoleon .text-napoleon .text h2{
text-align: left;
font: normal normal normal 45px/64px Omnes;
letter-spacing: 0px;
color: #000000;
text-transform:uppercase;
margin-bottom:20px
}
.napoleon .text-napoleon .text p{
text-align: left;
font: normal normal normal 21px/29px Omnes;
letter-spacing: 0px;
color: #000000;
}
footer{
background:#000;
}
.content-footer .contatos .contato a{
display:flex;
align-items:center;
}
.content-footer .contatos .contato a .icon{
margin-right:10px;
}
.content-footer .contatos .contato a span{
text-align: left;
font: normal normal normal 20px/28px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
}
.logo-rodape{
max-width:240px;
}
.content-footer .contatos .contato a:hover span{
color:#ED3024;
}
.content-footer{
padding:30px;
}
.content-footer .contatos .contato:not(:last-child) a{
margin-bottom:10px;
}

.motivos h4{
  color:#ED3024;
  text-align:center;
  font: normal normal bold 36px/64px Omnes;
}
@media(max-width:1880px){
.content-header .logo {
max-width: 320px;
}	
.content-header{
padding:25px 0 35px;
}	
header::after {
height: 12px;
bottom: -6px;
}	
.banner {
height:100%;
}	

.mapeamento .btn-agendar:hover {
  background-color: #cc0000; 
}
.motivacao .imagem {
width: 700px;
position: relative;
}
.motivo .text{
padding:10px 40px 10px 40px;
}	
.motivos h4{
  color:#ED3024;
  text-align:center;
  font: normal normal bold 36px/64px Omnes;
}
.napoleon .text-napoleon{
width:calc(100% - 550px);
padding:80px 150px 80px 0;
display:flex;
justify-content:flex-end;
}	
.motivacao .text {
width: calc(100% - 700px);
padding: 80px;
}	

}

@media(max-width:1440px){
.motivacao .imagem {
width: 630px;
position: relative;
}	
.motivacao .text {
width: calc(100% - 630px);
padding: 80px;
}		
.napoleon .text-napoleon {
width: calc(100% - 550px);
padding: 80px 90px 80px 0;
}	

}

@media(max-width:1400px){
.napoleon .text-napoleon {
width: calc(100% - 550px);
padding: 80px 65px 80px 0;
}	

}

@media(max-width:1370px){
.motivacao .imagem {
width: 540px;
position: relative;
}
.slide {
padding-left: 110px;
margin: 60px 0 40px;
}	
.napoleon .imagem-napoleon {
width: 520px;
background: #ED3024;
position: relative;
}	
.napoleon .text-napoleon {
width: calc(100% - 520px);
padding: 80px 65px 80px 0;
}	


}

@media(max-width:992px){
.content-header .logo {
max-width: 150px;
margin-right: 20px;
}
.formulario{
padding:60px;
width:300px;


}

.content-header .btn-agendar {
font: normal normal 700 15px/19px Alegreya Sans;
height: 50px;
padding: 0 20px;
margin-left:auto;
}

.content-header .btn-agendar {
font: normal normal 700 15px/19px Alegreya Sans;
height: 44px;
padding: 0 14px;
margin-left:auto;
display:flex;align-items:center;justify-content:center;
}
.content-header {
padding: 20px 16px 25px;
justify-content: space-between;
 display:flex;
 align-items:center;
}
.banner {
height: auto;
min-height: 640px;
background: url(imagens/dupla.png);
background-size: cover;
background-position: center 50%;
position:relative;
}
.banner:after{
content:"";
width:100%;
height:100%;
background: #0000004D 0% 0% no-repeat padding-box;
position:absolute;
left:0;
top:0;
}

.banner .mapeamento{
position:relative;
z-index:3;
}
.banner .logo-mastermind {
margin-bottom: 30px;
text-align: center;
}
.banner .logo-mastermind img{
max-width:220px;
}
.banner .mapeamento h1 {
text-align: left;
font: italic normal 700 34px/1.2 Omnes;
text-transform: uppercase;
}
.banner .mapeamento h5 {
text-align: left;
font: normal normal 500 16px/22px Omnes;
}
.btn-agendar {
font: normal normal 700 18px/22px Alegreya Sans;
height: 56px;
max-width: 380px;
margin: 26px auto 0;
}
.text-one p {
margin: 0 auto;
text-align: center;
font: normal normal normal 20px/26px Omnes;
padding: 0 15px;
}
.text-one {
background: #ED3024;
color: #fff;
padding: 35px 0 40px;
font-size:28px;
}
.motivacao .imagem{
display:none;
}
.motivacao .text {
width: 100%;
padding: 50px 25px;
}
.motivacao .area-texto h2 {
text-align: center;
font: normal normal 700 26px/36px Omnes;
margin-bottom: 20px;
}
.motivacao .area-texto p {
text-align: center;
font: normal normal normal 18px/26px Omnes;
margin-bottom: 40px;
}
.tarja h2 {
margin: 0;
text-align: center;
font: normal normal 600 20px/31px Omnes;
}
.tarja::after {
content: "";
width: 80%;
height: 10px;
position: absolute;
bottom: -5px;
left: 50%;
transform: translatex(-50%);
background: #000;
}
.beneficios{
flex-wrap:wrap;
margin-bottom:20px;
}
.beneficios .beneficio {
background: #EDEDED;
width: 100%;
padding: 35px 30px 35px;
position: relative;
max-width: 360px;
margin: 0 auto 40px;
}
.beneficios .beneficio p {
text-align: center;
font: normal normal 400 18px/24px Omnes;
}
.beneficios .beneficio h3 {
text-align: center;
font: normal normal 700 18px/25px Omnes;
}
.motivos h2 {
text-align: center;
font: normal normal 600 20px/26px Omnes;
}
.slide {
padding-left: 20px;
margin: 60px 0 40px;
}
.motivo{
width: calc(100% - 24px);
}
.motivo .imagem {
width: 100%;
height: 259px;
}
.motivo .text {
padding: 10px 20px 10px 20px;
width: 100%;
}
.slide-motivos .slick-list {
padding: 0 0 0 0 !important;
}
.motivo .text .content p {
text-align: center;
font: normal normal normal 18px/22px Omnes;
}
.motivo .text .content h3 {
text-align: center;
font: normal normal bold 20px/26px Omnes;
}

.motivo .text{
height:262px;
display:flex;
align-items:center;
}
.motivo .content{
padding: 20px 0;
margin-top:-60px;
}
.progress {
display: block;
width: calc(100% - 58px);
height: 10px;
}
.slider__label_bar {
max-width: 100%;
height: 4px;
width: calc(100% - 58px);
}
.destino {
background: #EDEDED;
padding: 45px 0;
}
.destino h2 {
text-align: center;
font: normal normal bold 24px/32px Omnes;
}
.destino h5 {
text-align: center;
font: normal normal 400 20px/24px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom: 40px;
}
.item-destino {
width: 100%;
padding: 0 30px 20px;
max-width: 360px;
margin: 0 auto 30px;
}
.item-destino .icone {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
padding-top: 20px;
height: 75px;
}
.item-destino .icone img{
width:auto;
height:100%;
}
.item-destino .content {
min-height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0 10px;
}
.item-destino p {
text-align: center;
font: normal normal normal 18px/22px Omnes;
}
.agendar .row{
flex-direction:column-reverse;
}
.formulario {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
padding-left: 20px;
}
.form input[type="text"], .form input[type="tel"], .form input[type="email"] {
height: 50px;
padding: 5px 15px 5px 25px;
font: normal normal 400 16px/20px Omnes;
}
.form input[type="submit"] {
width: 100%;
height: 50px;
font: normal normal bold 20px/31px Alegreya Sans;
}
.text-agendar p {
text-align: center;
font: normal normal normal 18px/26px Omnes;
}
.text-agendar .duracao {
display: flex;
align-items: center;
max-width: 170px;
margin: 0 auto;
}
.text-agendar .duracao .icon {
width: 23px;
height: 29px;
}
.text-agendar .duracao strong {
text-align: left;
font: normal normal bold 18px/32px Omnes;
letter-spacing: 0px;
color: #000000;
margin-left: 12px;
}
.text-agendar p.d-block{
margin-top: 30px;
margin-bottom: -20px;
}
.napoleon .imagem-napoleon {
width: 90%;
background: #FF2C1E;
position: relative;
margin-left: 5%;
justify-content:flex-end;
padding-right:30px;
}
.napoleon{
padding-top:20px;
}
.napoleon .imagem-napoleon::before {
content: "";
width: 80%;
height: 10px;
background: #000000;
position: absolute;
left: 50%;
top: auto;
transform: translatey(0%) translatex(-50%);
bottom: -5px;
}
.napoleon .imagem-napoleon img {
width: 100%;
height: auto;
max-width: 140px;
}
.napoleon .text-napoleon {
width: 100%;
padding: 35px 25px;
}
.napoleon .text-napoleon .text h2 {
text-align: center;
font: normal normal normal 24px/34px Omnes;
}
.napoleon .text-napoleon .text p {
text-align: center;
font: normal normal normal 18px/26px Omnes;
}
.logo-rodape {
max-width: 220px;
margin: 0 auto 30px;
}
.content-footer .contatos .contato a {
display: flex;
align-items: center;
justify-content: center;
}
.content-footer .contatos .contato a .icon {
margin-right: 10px;
max-width: 22px;
}
.content-footer .contatos .contato a span {
text-align: left;
font: normal normal normal 16px/24px Omnes;
}

}
/* ===== Overrides de responsividade do HERO (.mapeamento) ===== */
@media (max-width: 992px) {
	.text-agendar-formulario{
margin-top:10px;
text-align:center;
font: normal normal normal 17px Omnes;
	margin-bottom:-80px;
}
  .mapeamento {
    margin: 0 auto;
    padding: 64px 16px 40px; /* aumenta espaço superior */
    max-width: 520px;
    text-align: left;
  }

  .banner .container .mapeamento h1 { /* remove largura fixa antiga */
    width: auto;
  }

  .texto_ban {
    margin: 0;
    padding: 0 4px;
  }

  .banner .mapeamento .texto_ban h1 {
    font: italic normal 600 40px/1.2 Omnes;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
  }

  .mapeamento p {
    font: normal normal 400 18px/1.5 Omnes;
    color: #fff;
    margin: 10px 0 0 0;
    max-width: 520px;
  }

  .botao-banner.btn-agendar {
    display: flex !important; /* reexibe no mobile */
    margin: 28px 0 0 0; /* afasta mais do texto */
    width: 20%;
    max-width: 160px;
    height: 54px;
    font: normal normal 700 16px/20px Alegreya Sans;
  }
}

@media (max-width: 768px) {
	
  .banner .mapeamento .texto_ban h1 { font: italic normal 600 40px/1.2 Omnes; }
  .mapeamento p { font-size: 16px; line-height: 1.45; margin-top:-15px;}
  .botao-banner.btn-agendar { width: 20%; max-width: 130px; height: 50px; margin-top: 15px; }
}

/* ===== Ajustes de layout para seção 07 COMPETÊNCIAS (aproximar da referência) ===== */
@media (min-width: 993px) {
  .motivos .slide { padding-left: 0; margin: 40px auto; }
  .motivos .slide-competencias { gap: 24px; justify-content: center; }
  .motivos .competencia-slide { margin: 0; }
  /* Esconde quaisquer dots que o Slick gere no desktop */
  .slide-competencias .slick-dots{ display:none !important; }
  .arrows-btao .slick-dots{ display:none !important; }
}


/* Slick compat: 07 competências */
.motivos .slide-competencias{ display:block !important; gap:0 !important; transform:none !important; transition:none !important; }
.motivos .slide-competencias .slick-list{ overflow:hidden; }
.motivos .slide-competencias .slick-track{ display:flex; }
.motivos .slide-competencias .competencia-slide{ margin:0 10px; flex:0 0 auto !important; height:520px !important; border-radius:6px; overflow:hidden; }
@media (min-width: 1200px){ .motivos .slide-competencias .competencia-slide{ width:266px;height:479px !important; } }
@media (max-width: 768px){
  
  .motivos .slide-competencias .competencia-imagem{width:268px; height:479px; }
}
/* === Slider 07 competências: estilo do card (versão foto de referência) === */
.slide-competencias .competencia-slide{ display:block; position:relative; background:#000; border-radius:6px; overflow:hidden; height:360px; }
.slide-competencias .competencia-imagem{ display:block; width:100%; height:100%; background-size:cover; background-position:center; position:relative; }
.slide-competencias .competencia-imagem:after{ content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-8px; width:140px; height:10px; background:#ED3024; border-radius:4px; }
.slide-competencias .competencia-texto{ position:absolute; left:0; bottom:0; width:266px; padding:16px; text-align:center; color:#fff; background:linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 100%); z-index:2; pointer-events:none; }
.slide-competencias .competencia-texto h3{ margin:0 0 6px 0; color:#ED3024; font-weight:700; font-size:28px; }
.slide-competencias .competencia-texto p{ margin:0 0 80px; font-size:18px; line-height:1.45; }
@media (max-width: 768px){ .slide-competencias .competencia-slide{ height:400px !important; }
	
}

/* ===== Nove motivos (segundo slider) – layout horizontal da imagem ===== */
/* Nove motivos */
/* Nove motivos: sem padding/margem que deixe vazar o 3º */
.motivos .slide { padding-left: 0 !important; }      /* remove padding global do .slide */
.slide-motivos .slick-list {
    overflow: visible !important;
    padding: 0 40px; /* ajusta até ficar metade do próximo */
  }

  .slide-motivos .slick-slide {
    margin: 0 10px;
  }
.slide-motivos .slick-slide { margin: 20 20px !important; }
.slide-motivos .motivo{ 
  display:flex; 
  align-items:stretch; 
  height:260px; 
  background:#fff; 
   
  overflow:hidden; 
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.slide-motivos .motivo .imagem{ 
  flex:0 0 40%; 
  height:100%; 
	object-fit: cover;
    object-position: center bottom;
}
.slide-motivos .motivo .imagem img{ 
  width:100%; 
  height:100%; 
  object-fit:cover; 
	object-position:center 15%;
}
.slide-motivos .motivo .text{ 
  flex:1 1 60%; 
  background:#fff; 
  padding:22px 28px; 
  display:flex; 
  align-items:center; 
  position:relative; 
}
.slide-motivos .motivo .text:before{ 
  content:""; 
  position:absolute; 
  left:0; 
  top:16px; 
  bottom:16px; 
  width:8px; 
  background:#ED3024; 
  border-radius:4px; 
}
.slide-motivos .motivo .text .content h3{ 
  margin:0 0 8px 14px; 
  font-weight:800; 
  font-size:22px; 
  color:#121212; 
	margin-top:65px;
}
.slide-motivos .motivo .text .content p{ 
  margin:0 0 0 14px; 
  font-size:16px; 
  line-height:1.45; 
  color:#121212; 
}
@media (max-width: 992px){
	
  .slide-motivos .motivo{ height:auto; flex-direction:column;
	}
  .slide-motivos .motivo .imagem{ flex:0 0 auto; height:200px; }
  .slide-motivos .motivo .text{ padding:18px 20px; }
  .slide-motivos .motivo .text:before{ top:55px; bottom:12px; }
}
/* Overrides – ajustes finos solicitados */
/* 1) Nove motivos (segundo slider): h3 e p um pouco mais para baixo */
@media (min-width: 769px){
  .slide-motivos .motivo .text{ padding-top: 16px; }
	.slide-motivos .motivo .text{
		margin-bottom:-10px;
	}
}


/* 3) Mobile: esconder botão abaixo do texto no banner */
@media (max-width: 768px){
	.banner{
width:100%;
display:flex;
align-items:center;
height:calc(100vh - 433px);
background:url(imagens/dupla.png);
background-size:cover;
background-position:center top;
}
	.desktopversion{
		display:none;
	}
	.info p{
font: normal normal 400 21px Omnes;
}
	.motivos h4{
  color:#ED3024;
  text-align:center;
  font-size:25px;
  font: normal normal bold 25px Omnes;
}
	.motivos p{
text-align:center;
color:#fff;
font-size:17px;
}

	#btndiagnostico{
		display: inline-block;   /* garante que o botão se comporte certinho */
    margin: 0 auto !important; /* força centralização */
    float: none !important; 
		text-align:center;
		width:auto;
	}
	
  .botao-banner.btn-agendar{ display:none !important; }
	.texto_ban{
		margin-top:220px;
		padding:-20px;
	}
	#logodesktop{
		display: none !important;
	}
	.ferramenta p{
		
	}
	.ferramenta{
	margin-top:20px;
		margin-bottom:-220px;
			text-align:center;
}
	.ferramenta img{
		margin-top:-20px;
		width:130px;
	}
	.ferramenta p{
		
/* UI Properties */
font-size:10px;
letter-spacing: 0px;
color: #000000;
opacity: 1;
	}
}

#mobilelogo{
	margin-top:15px;
	width:600px;
}
@media (min-width: 1024px) {
  #mobilelogo { display:none !important; }
	.ferramenta{
		 display: none !important;
	}
}
@media (min-width: 993px){
  #mobilelogo{ display:none !important; }
  .ferramenta{ display:none !important; }
	.mobileversion{
		display:none;
	}
}

/* ===== Ajustes mobile para ficar mais parecido com o design de referência ===== */
@media (max-width: 992px){
/* 07 Competências: usar dots e esconder setas/barrinha */
/* 07 Competências: usar dots e esconder setas/barrinha */
  .competencias-section .arrows{ display:none !important; }
  .arrows-btao .slick-dots{ display:flex !important; gap:8px; justify-content:center; margin:0 0 18px; padding:0; list-style:none; }
  .slide-competencias .slick-dots li{ width:8px; height:8px; }
  .slide-competencias .slick-dots button{ font-size:0; width:8px; height:8px; border-radius:50%; background:#D6D6D6; padding:0; border:0; }
  .slide-competencias .slick-dots .slick-active button{ background:#ED3024; }
  /* Dots acima do botão */
  .arrows-btao{ display:flex; flex-direction: column-reverse; align-items:center; gap:14px; padding: 0 0; }
  .arrows-btao .btn-agendar{ margin: 0 auto; width: 100%; max-width: 380px; }

  /* Evitar corte do texto nos cards (quebra e mais respiro) */
  .slide-competencias .slick-list{ padding: 0 40px !important; position: relative; overflow: hidden; }
  .slide-competencias .slick-list:before{ content:""; position:absolute; left:0; top:0; bottom:0; width:40px; background:#000; z-index:2; pointer-events:none; }
  .slide-competencias .competencia-texto{ padding:18px 18px 24px; }
  .slide-competencias .competencia-texto p{ 
    overflow-wrap: anywhere; /* quebra em qualquer ponto seguro */
    word-break: break-word;
    hyphens: auto;
    margin: 0;
    line-height: 1.45;
  }
  /* 09 Motivos: imagem grande em cima + bloco de texto cinza com tarja vermelha fina no topo */
  .slide-motivos .motivo{ flex-direction:column; background:#EDEDED; box-shadow:3px 3px 12px #00000029; }
  .slide-motivos .motivo .imagem{ width:100%; height:260px; }
  .slide-motivos .motivo .text{ width:100%; padding:22px 18px 26px; position:relative; }
  .slide-motivos .motivo .text:before{ content:""; position:absolute; left:50%; transform:translateX(-50%); top:0; bottom:auto; width:140px; height:8px; background:#ED3024; border-radius:4px; }

  /* Dots gerais do slick no mobile (fallback) */
  .slick-dots{ display:flex; justify-content:center; gap:8px; margin:12px 0 0; }
  .slick-dots li{ width:8px; height:8px; }
  .slick-dots button{ font-size:0; width:8px; height:8px; border-radius:50%; background:#D6D6D6; padding:0; border:0; }
  .slick-dots .slick-active button{ background:#ED3024; }

  /* 09 Motivos: mostrar "spoiler" somente à direita */
  .slide-motivos .slick-list{ padding:0 16px !important; margin:0 !important; position:relative; overflow:hidden; }
  .slide-motivos .slick-track{ background: transparent !important; }
  .slide-motivos .slick-slide{ background: transparent !important; }
  .slide-motivos .motivo{ display: flex; flex-direction: column; }
  .slide-motivos .motivo .imagem{ margin-bottom: 0 !important; }
  .slide-motivos .motivo .text{ margin-top: 0 !important; padding-top: 0 !important; }
  .slide-motivos .motivo .text:before{ top: 0 !important; }
}
.slide-motivos .slick-list {
padding: 0 16px !important;
}