@charset "UTF-8";
@font-face {
  font-family: "Merriweather";
  src: url(../fonts/Merriweather-VariableFont_opsz\,wdth\,wght.ttf);  
}

@font-face {
  font-family: 'Pier';
  src: url(../fonts/PierSans-Light.otf),
       url(../fonts/PierSans-Medium.otf);       
}

@font-face {
  font-family: 'Releway';
  src: url(../fonts/Raleway-ExtraLight.ttf);
            
}

*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'Pier';     
}

body {  
  font-family: "Merriweather";  
  background-color: #d9d9d9;
  line-height: 1.5;
  padding-top:100px ;  
}

  /*HEADER - CABECALHO*/

.aa {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items:center;  
  
  background-color: #b9b4b4; 
  
  position: fixed;   
  width: 100%;  
  height: 100px; 
  margin-top: -100px;
}

.title{
  margin-right:  50px;  
}


.instagram{
  margin-left: 100px;
}

.menu li{
  list-style-type: none;
  display: inline;
}

.menu nav li a{
  color: #616668;
  margin: 10px;
  text-decoration: none;
  padding-right: 20px;
  font-size: 18px;
  cursor: pointer;   
   font-family: 'Pier';
   font-weight: 500;  
}


.menu nav li a:hover {
  color: #b4361f;
  transition: color 0.8s ease;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;       
}

.instagram {
  
  padding-top:4px ;  
  cursor: pointer;
}

.instagram:hover{  
  transform: scale(1.25);
  transition-duration: 0.5s;
  filter: brightness(0) saturate(100%) invert(26%) sepia(89%) saturate(1204%) hue-rotate(341deg) brightness(90%) contrast(99%);
}

h1 {
  font-weight: 200;
}

/* MAIN - TELA PRINNCIPAL*/

.main-background {
  height: 720px;
  background-image: url(../imagens/layoutFabioOriginal1.png);  
  background-position: center;   
}

.main-background-descricao {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 240px;
  padding-right: 220px;    
}

.main-texto1 {
  color: #f2e8c4;  
  font-size: 22px;
  font-weight: 600;
  font-family: 'Releway';
  font-style: italic;  
  padding-bottom: 20px;
}

.main-button {
  background-color: #b4361f;
  border: none;
  border-radius: 20px;
  height: 40px;
  width: 460px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
  font-size: 18px;
  cursor: pointer;
}

.main-button:hover {
  background-color: #49261f;
  transition: background-color 0.5s ease;
}

.main-button-link {
  color: #f2e8c4;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}

/*MAIN - SEGUNDA SEÇÃO*/

.main-consultoria-primeira {
  text-align: center;  
  padding-top: 10px;
  padding-bottom: 50px;  
}

.texto-cinza {
  color: #616668;  
  font-size: 32px;
  font-family: 'Releway'; 
  height: 70px; 
  padding-top: 40px;
  padding-bottom: 60px;   
  font-weight: 800;  
    
}

.main-consultoria{
    display: flex;
    justify-content: center;       
}

.main-consultoria-descricao1 {
  background-color: #616668; 
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 20px; 
  margin-right: 30px; 
  margin-left: 10px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
}

.main-textoTituloConsultoria1 {
  color: #f2e8c4;
  border-bottom: 0.1rem solid;  
  height: 110px;
  font-weight: 500;
  font-size: 22px;
  font-family: 'Releway';       
}

.main-textoDescricaoConsultoria1 {
  color: #ffffff; 
  font-weight: 500;
  font-size: 18px;
  font-family: 'Releway';
  padding-top: 15px;  
}

.main-consultoria-descricao2 {
background-color: #616668; 
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 20px; 
  box-shadow: 2px 5px 6px rgb(26, 25, 25); 
}

.main-textoTituloConsultoria2 {
  color: #f2e8c4;
  border-bottom: 0.1rem solid; 
  height: 110px;
  font-weight: 500;
  font-size: 22px;
  font-family: 'Releway'; 
}

.main-textoDescricaoConsultoria2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Releway'; 
  padding-top: 15px;  
}

.main-consultoria-descricao3 {
  background-color: #616668; 
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 20px; 
  margin-left: 30px;
  margin-right: 10px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);   
}

.main-textoTituloConsultoria3 {
  color: #f2e8c4;
  border-bottom: 0.1rem solid; 
  height: 110px;
  font-weight: 500;
  font-size: 22px;
  font-family: 'Releway'; 
  
}
.main-textoDescricaoConsultoria3 {
  color: #ffffff;
  font-weight: 200;
  font-size: 18px;
  font-family: 'Releway'; 
  padding-top: 15px;  
}

/*MAIN - TERCEIRA SEÇÃO*/

.main-consultoria-segunda {
  background-color: #616668;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.texto-dourado {
  color: #f2e8c4;
  margin-bottom: 30px;
  font-size: 22px;
  font-family: 'Releway';
  text-align: left;
  font-weight: 500;  
}

.main-consultoriaDois{  
  display: flex;
  flex-direction: column; 
}

.main-consultoriaDoisTexto {
  color: #ffffff;
  text-align: left;
  line-height: 1.5;
  font-family: 'Releway'; 
  font-size: 18px;
  font-weight: 200;  
}

.foto {  
  padding-right: 80px; 
  height: 384px;
  width: 400px; 
  
}

.foto1{  
  padding-right: 80px;
  margin-top: 10px;
  height: 384px;
  width: 400px; 
}


/*MAIN - COMO FUNCIONA A CONSULTORIA?*/

.main-consultoria-terceira {
  text-align: center; 
  font-family: 'Releway'; 
  padding-top: 50px;
  width: 100%;  
  padding-bottom: 50px;    
}

.texto-cinza1{
  font-family: 'Releway'; 
  color: #616668;  
  font-size: 32px;    
  font-weight: 800;  
  padding-bottom: 40px;
}

.fotoRedonda1{
  border-radius: 100px;
}

.main-consultoriaTres {
  display: flex; 
  justify-content: space-evenly;      
}

.diagnostico{
  color:#616668;
  font-family: 'Releway'; 
  font-weight: 600;
  height: 100px;
  font-size: 22px;
  padding-top: 20px;
}

.texto-ConsultoriaTres {
  font-size: 16px;
  line-height: 2;
  font-family: 'Releway'; 
  font-weight: 600; 
}

.main-button1 {
  background-color: #b4361f;
  border: none;
  border-radius: 20px;
  height: 40px;
  width: 280px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
  cursor: pointer;
  font-size: 18px;
  margin-top: 10px;  
}

.main-button1:hover {
  background-color: #49261f;
  transition: background-color 0.5s ease;
}

.main-button-link1 {
  color: #f2e8c4;
  text-decoration: none;
}

.main-button2 {
  background-color: #b4361f;
  border: none;
  border-radius: 20px;
  height: 40px;
  width: 280px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
  cursor: pointer;
  font-size: 18px;   
  margin-top: 43px;
}

.main-button2:hover {
  background-color: #49261f;
  transition: background-color 0.5s ease;
}

.main-button-link2 {
  color: #f2e8c4;
  text-decoration: none;
}

.main-button3 {
  background-color: #b4361f;
  border: none;
  border-radius: 20px;
  height: 40px;
  width: 280px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
  cursor: pointer;
  font-size: 18px;
  margin-top: 10px;
  
  
}

.main-button3:hover {
  background-color: #49261f;
  transition: background-color 0.5s ease;
}

.main-button-link3 {
  color: #f2e8c4;
  text-decoration: none;
}

/* MAIN - EBOOK GRATIS - 4*/

.main-ebookgratis {
  background-color: #616668;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;     
}

.texto-dourado5 {
  color: #f2e8c4;  
  font-size: 32px;
  font-family: 'Releway';
  font-weight: 800;
  letter-spacing:1.4px;
}

.main-ebookgratis-fotos {
  display: flex;
  justify-content: center;

  padding-top: 20px;
  padding-bottom: 40px;
}

.main-ebookgratis-fotos1 {
  margin-right: 70px;  
  
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
}

.main-ebookgratis-fotos2 {
  margin-left: 70px;
  
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
}

.main-ebookgratis-texto1 {
  color: #ffffff;  
  font-family:'Releway'; 
  padding-top: 30px;
  padding-bottom: 20px; 
  font-weight: 100; 
  font-size: 18px;
}

.main-ebookgratis-texto1{
  font-size: 22px; 
  font-weight:500;
}

/* MAIN - CONTATO 5*/

.main-contato{ 
  background-color:#d9d9d9;     
  height: 620px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.texto-contato{
  font-family: 'Releway'; 
  color: #616668;  
  text-align: center;
  font-size: 32px;    
  font-weight: 800;
  
  padding-bottom: 40px;
}

.main-contato-estrutura1 {
  display: flex;  
  justify-content:center;
  padding-top: 40px;    
  text-align: center;  
}

.main-botao-whatsapp{
  margin-right: 100px;
}

.main-texto-whatsapp{  
  color:#616668 ;
  font-size: 20px;
  font-family: 'Releway'; 
  margin-bottom: 10px;
  margin-top: 16px;
  
}

.texto-contato1{
  font-family:'Pier';
  font-weight: 800;
  font-size: 22px;
  color: #616668;
  margin: 10px;
  
}
.whatsapp1:hover {  
  transform: scale(1.25);
  transition-duration: 0.5s;
  filter: brightness(0) saturate(100%) invert(26%) sepia(89%) saturate(1204%) hue-rotate(341deg) brightness(90%) contrast(99%);
}


form {
  width: 500px;
  margin-left: 100px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

label {
  display: block;
  margin-bottom: 5px;  
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; /* Inclui padding e border no tamanho do elemento */
  outline: none;
}

button {
  background-color: #b4361f;
  border: none;
  border-radius: 20px;
  height: 40px;
  width: 280px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
  cursor: pointer;
  font-size: 18px;
  color: #f2e8c4;
  
}

button:hover {
   background-color: #49261f;
  transition: background-color 0.5s ease;
}

/*FOOTER*/

.creditos {
  background-color: #ffffff;
  height: 100px;
}

.textoCreditos{  
  display: flex;   
  flex-direction: column;
  align-items: center;
  justify-content: center;    
  height: 100px;
  font-size: 14px;
}

/*BOTÃO WHATSAPP*/

.whats {
  position: fixed;
  bottom: 10px;
  right: 30px;
  z-index: 9999;
  cursor: pointer;
  
}

/*PAGINA CONSULTORIA.HTML - MAIN*/

.main-consultoria-principal {
  background-color:#616668;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
}

.main-consultoria-h2 {
  font-family:'Releway';
  font-size: 38px;
}

/*PAGINA CONSULTORIA.HTML - MAIN - 1 TEXTO CONTEUDO*/

.main-consultoria-conteudo{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;  

  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  
}

.main-consultoria-conteudo-texto1{
  font-family:'Releway';
  font-size: 26px;
  color:#616668 ;
}

.main-consultoria-conteudo-texto2{
  margin-top: 20px;
}

.main-consultoria-h4{
  font-family:'Releway';
  font-size: 18px;
  text-align: center;
}


/*PAGINA CONSULTORIA.HTML - MAIN - 2 TEXTO CONTEUDO E IMAGEM*/

.main-consultoria-secundaria{
  background-color: #616668;
  display: flex;
  justify-content: center;
  align-items: center;
  
  padding-top: 30px;
  padding-bottom: 30px;
}

.main-consultoria-secundaria-foto{
  margin-right: 40px;
  margin-top: 50px;
}

.consultoria1{
  width: 404px;
}

.main-consultoria-secundaria-textos{
  margin-left: 40px;
  margin-top: 0px;
  
}

.main-consultoria-h3{
  font-family:'Releway';
  font-size: 26px;    
  color:#f2e8c4;
  padding-bottom: 20px;
 
}

.main-consultoria-h4-2{
  font-family:'Releway';
  font-size: 18px;
  color:#ffffff;
  font-weight: 100;  
  
}

/*PAGINA CONSULTORIA.HTML - MAIN - 3 TEXTO CONTEUDO E IMAGEM*/

.main-consultoria-secundaria-dois{
  display: flex;
  justify-content: center;
  align-items: center;

  padding-top: 30px;
  padding-bottom: 30px;
  

}

.main-consultoria-secundaria-textos-dois{
  margin-right: 40px;
}

.main-consultoria-h3-dois{
  font-family:'Releway';
  font-size: 26px;    
  color:#616668;
  margin-bottom: 30px;
  margin-left: 10px;
}

.main-consultoria-h4-3{
  font-family:'Releway';
  font-size: 18px;

  font-weight: 600;  
  margin-top: 10px;
  margin-left: 10px;

}

.consultoria2{
  width: 420px;
}

.main-consultoria-secundaria-foto2{
  margin-left: 40px;
  margin-top: 80px;
 
}

/*PAGINA CONSULTORIA.HTML - MAIN - 4 TEXTO CONTEUDO E IMAGEM*/

.main-consultoria-secundaria-tres{
  background-color: #616668;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.consultoria3{
  width: 395px;
}


.main-consultoria-secundaria-foto3{
  margin-right: 40px;
  margin-top: 75px;
 
}

.main-consultoria-secundaria-textos-tres{
  margin-left: 40px;
}

.main-consultoria-h3-tres{
  font-family:'Releway';
  font-size: 26px;    
  color:#f2e8c4;
  margin-bottom: 30px;
}

.main-consultoria-h4-4{
  font-family:'Releway';
  font-size: 18px;

  font-weight: 100;  
  margin-top: 10px;

  color: #ffffff;

}

/*PAGINA CONSULTORIA.HTML - MAIN - 5 TEXTO CONTEUDO E IMAGEM*/

.main-consultoria-secundaria-quatro{
  display: flex;
  justify-content: center;
  align-items: center; 
  height: 150px;   
}

.main-consultoria-secundaria-textos-quatro{
  margin-left: 40px;
  padding-top: 20px;
}

.main-consultoria-h3-quatro{
  font-family:'Releway';
  font-size: 26px;    
  color:#616668;
  margin-bottom: 30px;
}

.main-button4 {
  background-color: #b4361f;
  border: none;
  border-radius: 20px;
  height: 40px;
  width: 260px;
  box-shadow: 2px 5px 6px rgb(26, 25, 25);
  font-size: 18px;
  cursor: pointer;
  
}

.main-consultoria-button{
 padding-bottom: 10px;
  padding-left: 100px;
}


/*ESTILO BOTAO DE MENU MOBILE */
.mobile-menu-icon{
  display: none;
}

/*ESTILO BOTAO DE MENU MOBILE */
header .btn-menu-mob{
  display: none;
  position: relative;
  z-index: 9999999999999999999999;
}

header .btn-menu-mob div{
  background-color: #616668;
  height:2px;
  margin: 8px 50px;
  transition: .2s;
}


header .btn-menu-mob .line-menumob-1{
  width: 30px;
  
}

header .btn-menu-mob .line-menumob-2{
  width: 30px;
}

header .btn-menu-mob .line-menumob-1.ativo1{
  transform: rotate(45deg) translate(31%);
  width: 30px;
}

header .btn-menu-mob .line-menumob-2.ativo2{
  transform: rotate(-45deg) translate(21%);
  width: 30px;
}

header .btn-menu-mob .line-menumob-3.ativo2{
  
  width: 0px;
}

/*MENU MOBILE*/

header .menu-mobile{
  width: 0;
  height: 0;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;

  
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  
  overflow: hidden;
  transition: .5s;
}


.menu-mobile li{
  list-style-type: none;
}

header .menu-mobile nav{
  width: 100%;
} 

header .menu-mobile nav a{
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  padding: 20px 0;
  display: block;
  transition: .5s;
}

header .menu-mobile nav a:hover{
background-color: #fff;
color: #6030d1;
box-shadow: 0 0 20px #fff;
}

header .menu-mobile.abrir{
  width: 100%;
  height: 100vh;
}