@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Nunito&display=swap');

.whatsapp {
	position: fixed;
	bottom: 3%;
	left: 1%;
	padding: 10px;
	z-index: 999;
}
.cookieConsentContainer{ z-index:9999;width:400px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#232323;overflow:hidden;position:fixed;bottom:30px;left:30px;display:none}
.cookieConsentContainer .cookieTitle a{ color:#fff; font-size:18px;line-height:20px;display:block}
.cookieConsentContainer .cookieDesc p{margin:0;padding:0;color:#fff;font-size:13px;line-height:20px;display:block;margin-top:10px}
.cookieConsentContainer .cookieDesc a{font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline}
.cookieConsentContainer .cookieButton a{display:inline-block;color:#fff;font-size:14px;font-weight:700;margin-top:14px;background:#000;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s}
.cookieConsentContainer .cookieButton a:hover{cursor:pointer;background:#666666}
@media (max-width:980px){ .cookieConsentContainer{ bottom:0;left:0;width:100%;} }

#divisor { display:block; background: #543529; height: 5px; }
#divisor2 { display:block; background: #908b8b; height: 5px; }

.alertSucesso, .alertErro, .alertAlerta { padding: 10px; color: #000; margin-bottom: 10px; border-radius: 5px; }
.alertSucesso { background: #D5FFD5; border: solid thin #090; }
.alertErro { background: #FFCACA; border: solid thin #F00; }
.alertAlerta { background: #FFFF66; border: solid thin #F0F000; }

body { 
	font-family: 'Nunito', sans-serif;
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:hover, a:active { text-decoration: none; }

.header {
	background: #f9f1f3;
	text-align: center;
	position: relative;
	display: block;
	border-radius: 0 0 50px 50px;
	margin-bottom: 30px;
	box-shadow:
    0 4px 8px rgba(0,0,0,0.2),
    0 12px 16px rgba(0,0,0,0.1);
}
.header #logo img { margin: 5px 0; max-width: 250px; }

#nav nav {
	height: 150px;
	align-items: center;
	justify-content: center;
  	display: none;
	font-size: 12px;
	padding: 15px 0;
	font-weight: bold;
} 
#nav nav a{ padding: 0 10px; margin: 0 10px; color: #543529; border: solid thin #543529; border-radius: 15px; }

.menu{ display: inline-block; cursor: pointer; margin: -50px 20px 10px; width: 40px; display: block; float:right; }
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #543529;
    margin: 6px 0;
    transition: 0.4s;
	border-radius: 2px;
}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

.navMobile { display: none; }
.change { display:block; }

#navMobile nav {
	margin: 10px 0 15px;
	text-align:center;
}
#navMobile nav a{
	position: relative;
	margin: 0px;
	padding: 5px 0;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	border-bottom: thin solid #FFF;
	color: #543529;
}
#navMobile nav a:last-child{
	border-bottom: none;
}

#breadcrumb { text-transform: uppercase; }

.socialFooter { background: #f9f1f3; color: #543529; padding: 30px 0; text-align: left; font-size: 12px; }
.socialFooterNav { padding: 30px 0; text-align: center; }
.socialFooter a { color: #543529; margin-bottom: 10px; display: block; }
.socialFooter a:last-child { margin-bottom: 0px; }
.socialFooter i { margin: 0 10px; color: #543529; font-size: 16px; }
.footer { padding: 20px 0; font-size: 12px; color: #543529; text-transform: uppercase; text-align:center; }

.topoBtn { text-align:right; }
.topoBtn a { }

.textCenter {text-align:center; }

/* #Inicio Styles
================================================== */
.inicioBanner { background: #f9f1f3; margin: 0 auto 0; padding: 0; z-index: 1; }
#inicioBanner { margin: 0 auto; padding: 0; height: 250px; z-index: 2; }
#inicioBanner img { z-index: 2; }
#inicioBanner a {
	display:block;
	height: 250px;
	text-decoration:none;
	z-index: 3;
}
#inicioBanner a div {
	position:relative;
	z-index: 4;
	display: block;
	height: 250px;
}
#inicioBanner a div span {
	top: 20%;
	position:relative;
	z-index: 5;
	display: block;
	padding: 20px;
	text-align:center;
}
#inicioBanner a div span img { max-width: 100%; } 
#inicioBanner a span h1{ font-size: 24px; }
#inicioBanner a span h2{ font-size: 18px; }

.inicioSobre {
	background: #f9f1f3;
	border-radius: 50px;
	margin: 40px 0;
}
.inicioSobre1 p:last-child, .inicioNossoImpacto2 p:last-child { margin-bottom: 0; }
.inicioSobre1 { padding: 30px 20px 0; }
.inicioSobre1 .imgTexto { margin-bottom: 15px; max-width: 85%; }
.inicioSobre2 { padding: 5px; text-align: center; }
.inicioSobre2 img { max-width: 95%; }

.inicioOQueOferecemos {
	margin: 40px 0;
}
.inicioOQueOferecemos1 {
	padding: 30px 20px 0; 
}
.inicioOQueOferecemos1 .imgTexto{
	margin-bottom: 15px; max-width: 85%; 
}
.inicioOQueOferecemos1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.inicioOQueOferecemos1 ul li {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 20px 0;
	font-size: 18px;
	font-weight: bold;
}

.inicioOQueOferecemos1 ul li img {
	object-fit: contain;
	margin-right: 10px;
}

.inicioOQueOferecemos2 { text-align: center; }
.inicioOQueOferecemos2 img { max-width: 90%; }

.inicioNossoImpacto {
	background: #f9f1f3;
	border-radius: 50px;
	margin: 40px 0;
}
.inicioNossoImpacto1 { padding: 10px; text-align: center;  }
.inicioNossoImpacto1 img { max-width: 95%; max-height: 300px; border-radius: 50px; }
.inicioNossoImpacto2 { padding: 10px 20px 30px; }
.inicioNossoImpacto2 .imgTexto { margin-bottom: 15px; max-width: 85%; }

.inicioComoApoiar {
	text-align: center;
	padding: 40px 20px;
	margin: 40px 0;
}
.inicioComoApoiar .imgTexto { margin-bottom: 15px; max-width: 85%; }
.inicioComoApoiar img { max-width: 95%; }

.inicioParceiros {
	text-align: center;
	background: #FFF;
	border: solid thin #543529;
	border-radius: 50px;
	padding: 40px 20px;
	margin: 40px 0;
}
.inicioParceiros .imgTexto { margin-bottom: 15px; max-width: 85%; }


/* #Pagina Styles
================================================== */
.pagina { padding: 20px 0 60px; }
.pagina .container { max-width: 990px; }
.pagina p { font-size: 16px; }

/* #Contato Styles
================================================== */
.contato { margin: 40px 0 50px; }
#contato ul{ list-style: none; margin: 0; padding: 0;}
#contato li{ }
#contato form{ margin: 0; padding: 0; }
#contato label{ margin: 0; padding: 0; }

/* Larger than mobile */
@media (min-width: 400px) {
	/* #Site Styles */

	/* #Inicio Styles */
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	/* #Site Styles */
	
	/* #Inicio Styles */
	#inicioBanner { height: 350px; }
 	#inicioBanner a { height: 350px; }
	#inicioBanner a div { height: 350px; }
	#inicioBanner a span h1{ font-size: 36px; }
	#inicioBanner a span h2{ font-size: 24px; }	
}

/* Larger than tablet */
@media (min-width: 750px) {
	/* #Site Styles */

	/* #Inicio Styles */
	#inicioBanner { height: 420px; }
 	#inicioBanner a { height: 420px; }
	#inicioBanner a div { height: 420px; }
	#inicioBanner a span h1{ font-size: 36px; }
	#inicioBanner a span h2{ font-size: 24px; }
}

/* Larger than desktop */
@media (min-width: 1000px) {
	/* #Site Styles */
	.menu { display: none; }
	#nav nav { display: flex; }
	.header #logo img { margin: 10px 0; }
	.socialFooterNav { padding: 0; text-align: left; }

	/* #Inicio Styles */
	#inicioBanner { height: 490px; }
 	#inicioBanner a { height: 490px; }
	#inicioBanner a div { height: 490px; }
	#inicioBanner a span h1{ font-size: 36px; }
	#inicioBanner a span h2{ font-size: 24px; }
	.inicioSobre1, .inicioParceiros { padding: 60px; }
	.inicioSobre2 { padding: 20px; }
	.inicioOQueOferecemos1 .imgTexto{ max-width: 180%; }
	.inicioNossoImpacto1 { padding: 0; margin: 0; font-size: 0; line-height: 0; text-align: left; }
	.inicioNossoImpacto2 { padding: 40px; }
	.inicioNossoImpacto1 img { max-width: 100%; max-height: none; border-radius: 50px 0 0 50px; }
}
@media (min-width: 1200px) {
	/* #Site Styles */
	#nav nav a{ font-size: 14px; padding: 0 9px; margin: 0 15px; }
	.socialFooter { font-size: 16px; }

	/* #Inicio Styles */
	#inicioBanner { height: 580px; }
 	#inicioBanner a { height: 580px; }
	#inicioBanner a div { height: 580px; }
	#inicioBanner a div span { top: 10%; }
	#inicioBanner a span h1{ font-size:48px; }
	#inicioBanner a span h2{ font-size:38px; }
	.inicioOQueOferecemos1, .inicioNossoImpacto2 { padding: 60px; }
	.inicioOQueOferecemos1 .imgTexto{ max-width: none; }
}
@media (min-width: 1400px) {
	/* #Site Styles */
	#nav nav a{ font-size: 18px; padding: 0 14px; margin: 0 15px; }

	/* #Inicio Styles */
	#inicioBanner { height: 660px; }
 	#inicioBanner a { height: 660px; }
	#inicioBanner a div { height: 660px; }
	#inicioBanner a div span { top: 20%; }
	#inicioBanner a span h1{ font-size:48px; }
	#inicioBanner a span h2{ font-size:38px; }
	.inicioNossoImpacto2 { padding: 80px; }
}
@media (min-width: 1600px) {
	/* #Site Styles */
	#nav nav a{ font-size: 18px; padding: 0 14px; margin: 0 20px; }

	/* #Inicio Styles */
	#inicioBanner { height: 780px; }
 	#inicioBanner a { height: 780px; }
	#inicioBanner a div { height: 780px; }
	#inicioBanner a span h1{ font-size:48px; }
	#inicioBanner a span h2{ font-size:38px; }
}
@media (min-width: 1990px) {
	/* #Inicio Styles */
	#inicioBanner { height: 810px; }
 	#inicioBanner a { height: 810px; }
	#inicioBanner a div { height: 810px; }
}