:root {
  --default-font: "Oswald",  sans-serif;  font-optical-sizing: auto; font-size:1.2em; color:#625433; 
  --heading-font: "Albatross", Arial, sans-serif;
  --nav-font: "Poppins",  sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #f3f1ed;   
  --background-color-central: #f8f7f3;
  --background-color-bege: #ede6d9;  
  --default-color: #625433;  
  --titulos-color: #808183;
  --bg-bt-color-escuro: #b7b598;
  --bg-bt-color-claro: #d8d1c3;
  --color-font-claro: #9d7620;
  --color-ouro-velho: #c6aa6a
}

body{ color: var(--default-color); font-family: var(--default-font);  }

h1,h2,h3,h4,h5,h6 {color: var(--titulos-color);font-family: var(--heading-font); font-weight:bold;}

section{ padding-top:50px; }

.col-meio-footer{padding-top:25px}

section#header {padding-top:0; }

.show-mobile{display:none}   

.header{background:var(--background-color); background-image:url(../../images/meia-lua-header.png); background-position:right; background-repeat:no-repeat } 

.container-header{max-width:1260px;  height:460px; padding-top:15px}

.content-header{padding-left:18px; max-width:640px; padding-top:35px}

.content-header h2{padding-bottom:10px}

.content-header p{padding-bottom:10px}

.conversar-no-whatsapp{color:#FFF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:600; background:var(--bg-bt-color-escuro); border-radius:40px;padding:8px 12px; margin-top:25px; margin-bottom:25px; width:265px; display:inline-block; text-align:center;transition: .5s all}

.conversar-no-whatsapp a{display:inline-block;font-size:.7em; color:#FFF; text-decoration:none;}

.conversar-no-whatsapp a:hover{text-decoration:none; color:#FFF;}

.conversar-no-whatsapp:hover{background:var(--bg-bt-color-claro)}    
 
.col-logo .logo{margin-top:-140px; max-width:190px}

.col-menu ul{background:#fff; padding:10px}

.col-menu li {background-image:url(../../images/setinha.png); background-repeat:no-repeat; padding-left:22px; padding-right:18px; font-size:.8em}

.col-menu li a {color: var(--default-color); text-decoration:none}
.col-menu li a:link{color: var(--default-color); text-decoration:none}
.col-menu li a:hover{color: var(--color-ouro-velho); text-decoration:none}

.col-foto{position:relative;}

.col-foto img{position:absolute; margin-left:-40%; bottom:-10%} 

.bt-link{background:var(--bg-bt-color-claro); color:var(--color-font-claro); padding:5px 8px; font-size:.9em; text-decoration:none; transition: .5s all; display:inline-block;}

.bt-link:hover, .bt-link:active{background:var(--bg-bt-color-escuro); color:#FFF;}

.cont-o-que-faco {height:450px;}

.cont-o-que-faco h2{padding-bottom:30px}

.cont-o-que-faco .col-texto p, .cont-o-que-faco .col-texto hr{max-width:650px; font-weight:300}

.cont-o-que-faco .conversar-no-whatsapp{margin-left:80px}

section.quem-sou-eu{background:var(--background-color-central)}

section.quem-sou-eu .cont-o-que-faco .col-texto p{max-width:540px; }

section.como-posso-ajudar{background:var(--background-color-bege);  background-image:url(../../images/back-ajuda.png); background-position: bottom right; background-repeat:no-repeat }

.menu-toggle{display:none;}
 
.direita-ajuda h2{padding-bottom:25px}

.item-adjuda{padding-bottom:45px;}

.legenda-ajuda{text-align:center}

/*section.atendimentos{ background-image:url(../../images/back-atendimentos.jpg); background-position:center; background-repeat:no-repeat; }
*/
.atendimentos h2{display:block; text-align:center; padding-bottom:40px}

.atendimentos h3{font-family:var(--default-font); font-weight:bolder; display:block; text-align:center; color:var(--default-color); font-size:1.2em; padding-bottom:20px}

.atendimentos p{font-weight:300 !important; text-align:justify}

.col-atendimento{padding-left:30px; padding-right:30px; padding-bottom:45px}

.col-atendimento .texto-menor{font-size:.7em; }

footer{background:#c6aa6a; border-bottom:solid 40px #7f8184; padding: 30px;}

footer h5{font-weight:bolder; font-family:var(--default-font); padding-top:30px;color:var(--default-color);}

footer p{font-size:.9em}

.arrow-top{position:fixed; bottom:15px; right:15px; font-size:2em; display:none;}

.arrow-top a{color:var(--default-color); transition:all .5s}

.arrow-top a:hover{color:#fff;}

 
@media (max-width: 1024px) {

/* AJUDA GPT */  
  .col-menu .nav {
    position: fixed; /* fixa na tela toda */
    top: 0;
    left: 0;
    height: 100%;
    width: 250px;
    background: #fff;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%); /* Escondido fora da tela */
    transition: transform 0.3s ease;
    z-index: 9999;
  }

  .col-menu .nav li{
	margin-bottom:10px; font-size:1em
  }

  .col-menu .nav.show {
    transform: translateX(0); /* Move para dentro da tela */
  }

  .menu-toggle {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
	color:var(--default-color); 
  }
/* FIM DA AJUDA GPT */  

    .cont-o-que-faco {  height: auto !important; }

	.col-logo .logo{margin-top:-130px; max-width:150px}

	.col-foto{position:absolute; right:0; top:120px}
	
	.col-foto img{position:relative; margin-left:-35px; max-width:240px}


	.cont-o-que-faco h2 {
	  padding-bottom: 0;
    }
   
   .col-foto-representativa{margin-top:120px}
   .col-foto-representativa img{width:120%; margin-top:-70px} 
   .cont-o-que-faco .conversar-no-whatsapp{margin-left:0}
 
  .col-icone{display:none !important}	
 
}

@media (max-width: 820px) {

	.col-atendimento{width:100%; max-height:100%;}
	
	.container-header{ height:415px;}

	.content-header p {
	  font-weight:300;
	}
	
	.col-logo .logo{margin-top:-130px; max-width:130px}

	.col-foto{position:absolute; right:0; top:120px}
	
	.col-foto img{position:relative; margin-left:-35px; margin-top:25px; max-width:200px}
	
	section.atendimentos{  background-repeat:repeat; background-position:center }
}

@media (max-width: 768px) { 
 	
	/*para sobrescrever a regra do container para iPad do Bootstrap*/
	.container, .container-sm {  max-width: 720px; }
	/**/
	
	
	.col-logo .logo{margin-top:-115px; max-width:110px}

	.col-foto{position:absolute; right:15px; top:130px}
	
 	.col-foto img{position:relative; margin-left:-20px; margin-top:55px; max-width:160px}
	.col-logo-footer{ width:30%}
	.col-meio-footer{ width:70%}
	.col-bt-whatsapp{ width:100%; text-align:center;  }
  
}

 


@media (max-width: 580px) {


	 	  .show-mobile {
		display:inline-block
	  }

	.container-header{ height:435px;}

	.conversar-no-whatsapp{width:220px; display:inline-block;transition: .5s all}

	.conversar-no-whatsapp a{display:inline-block;font-size:.5em;} 

	.header{background-size:400px; background-position:top right }
	 
	.col-logo{ display:block !important; height: 130px !important; position:absolute}
	
	.col-logo .logo{margin-top:5px; max-width:150px; left:28px; position:absolute}
	
	.col-menu{width:97%; padding-top:50px}
 
	
	.cont-o-que-faco h2 {
	  padding-bottom: 0;
    }
   
   .col-foto-representativa{margin-top:120px}
   .col-foto-representativa img{width:120%; margin-top:} 
   .cont-o-que-faco .conversar-no-whatsapp{margin-left:0}
  
	.col-foto img {
/*		position: absolute;
		left: 200px;
		
		top: -5px; */
		display:none; 
	  }
	.logo-mobile{max-width:155px; float:right}

	 	  .show-mobile {
		display:inline-block
	  }
  .show-desktop {
    display:none;
  }
  .col-icone{display:none !important}	
}

@media (max-width: 575px) {

	
	.legenda-ajuda{padding-top:10px; font-size:1.3em;}
	
	.conteudos-centrais{padding-left:20px; padding-right:20px}
	
	.menu-toggle {top:0}
	
	.conversar-no-whatsapp{width:200px; }
	
	.col-foto{position:absolute; left:0; }

	.col-logo .logo{ max-width:120px;  }
	.content-header h2 {  padding-bottom: 0; }

	.content-header{position:relative;}
	.texto-quem-sou{font-size:.85em}
	
	.container-header { height: 420px;  } 
	
	.content-header {  padding-top: 0; }	
	
 	.bt-head{display:block; width:170px; margin: 0 auto; margin-top:30px; }
	
	.col-foto img {
/*		position: absolute;
		left: 200px;
		max-width: 170px;
		top: -5px; */
		display:none;
	  }
  
	.col-foto-representativa{display:none !important;}
	
	.col-texto {width:100%}
}

@media (max-width: 540px) {
	.col-logo .logo {
	margin-top: 5px;
	max-width: 100px;
	left: 28px;
	position: absolute;
	}
	
	.col-foto img {
	position: absolute;
	left: 155px;
	max-width: 150px;
	top: -80px;
	}
 
	.content-header { 
	padding-top: 0;
	}   

}

@media (max-width: 480px) {
	.icone-titulo{width:170px}
	.conversar-no-whatsapp{width:160px; }
 
	.conversar-no-whatsapp a{display:inline-block;font-size:.4em; color:#FFF; text-decoration:none;} 

	  .cont-o-que-faco .conversar-no-whatsapp {
		margin-left: 15px;
		margin-top: 0;
	  } 

 .container-header {  height: 445px; }

	.content-header {
	padding-left: 18px;
 
	padding-top: 0;
	}   

	.col-atendimento  {padding-left:50px; padding-right:50px }
  
}



@media (max-width: 432px) {
 
	.container-header {  height: 445px; }  
	
	.content-header {
    padding-left: 18px;
    max-width: 640px;
    padding-top: 80px;
  	}	
	
	.col-foto img { 
	left: 147px;
	max-width: 120px;
	top: -80px;
 
	}
	.conversar-no-whatsapp{position:absolute; padding-top:2px; padding-bottom:2px }

	.col-logo-footer{ width:40%}
	.col-meio-footer{ width:60%; padding-top:10px}
	.col-bt-whatsapp {width:100%; padding:0 !important}
	.col-bt-whatsapp .conversar-no-whatsapp{position:relative; width:200px; }

}

@media (max-width: 420px) { 
 
	.col-foto img { 
	left: 145px;
	max-width: 115px;
	top: -80px;
	}
	.conversar-no-whatsapp{width:150px; white-space:nowrap}
	.col-menu .conversar-no-whatsapp i{font-size:.7em !important}
}

@media (max-width: 420px) { 
 .container-header {  height: 445px; }
 
}

@media (max-width: 390px) { 
 .container-header {  height: 480px; }
  
 
  	.col-logo .logo{margin-top:5px; max-width:90px; left:28px; position:absolute}
	
	.col-foto img { 
	left: 135px;
	max-width: 90px;
	top: -70px;
	}
 
  .cont-o-que-faco .conversar-no-whatsapp {
    margin-left: 0;
    display: inline-block;
    margin: 0 0 0 12px;
	width:155px; 
  }

	.bt-link {
 
	  font-size: .8em;
 
	}


}
