:root {
	--cor01: #E1DAD6;
	--cor01E: #E1DAD6CC;
	--cor02: #c8c0b9;
	--cor02E: #c8c0b9CC;
	--cor03: #BFA88C;
	--cor03E: #BFA88CCC;
	--cor04: #998172;
	--cor04E: #998172CC;

	--cor05: #554132;
	--cor05E: #554132CC;

	--branco: #FFFFFF;
	--brancoE: #FFFFFF99;
	--preto: #000000;
	--pretoE: #00000099;

	--verde01: #25D366;
}

@font-face {
	font-family: 'MoneaAlegante';
	src: url('../fonts/../fonts/../fonts/Monea Alegante.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html, body{
	padding:0px;
	margin:0px;
	overflow-x: hidden;
	background-size: cover;
	background-position: fixed;
	background-color: var(--branco);
}
a, ul, li, p, h1, h2, h3, h4, h5, h6, button, input, textarea, select, strong, span{
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 125%;
	font-family: "Lato", sans-serif;
}
p{
	font-size: 18px;
}
a{
	color: inherit;
}
.container{
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.flex{
	display: flex;
}
.mobile{
	width: 90%;
	max-width: 400px;
	margin: auto;
	border: 1px solid #EEE;
	background-color: var(--cor01);
}

/*CTA*/
	.cta{
		width: 250px;
		min-width: 200px;
		height: 50px;
		padding: 0 20px;
		margin: auto;
		border-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		background-color: var(--verde01);
	}
	.cta:hover{
		filter: brightness(1.2);
	}
	.cta img{
		width: 20px;
	}
	.cta p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: var(--pretoE);
	}

/*TITULO*/
	.titulo{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.titulo p{
		margin: 0 0 25px;
		padding: 5px 30px;
		border-radius: 100px 100px 0 100px;
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: var(--cor01);
		background-image: linear-gradient(45deg, var(--cor05), var(--cor05E));
	}
	.titulo h2{
		width: 100%;
		margin: auto;
		font-family: MoneaAlegante;
		font-style: normal;
		font-size: 36px;
		font-weight: 100;
		text-align: center;
		line-height: 75%;
		color: var(--cor05E);
	}
	.titulo h2 strong{
		font-family: MoneaAlegante;
		color: var(--cor05);
	}

/*DOTS*/
	.slider-dots{
		display: flex;
		justify-content: center;
		gap: 10px;
	}
	.dot{
		width: 8px;
		height: 8px;
		border-radius: 50%;
		cursor: pointer;
		transition: 0.3s;
		background-color: var(--cor04E);
	}
	.dot:hover{
		background-color: var(--cor04);
	}
	.dot.active {
		width: 24px;
		border-radius: 4px;
		background-color: var(--cor04);
	}

/*HEADER*/
	header{
		width: 100%;
		padding: 25px 0;
		position: absolute;
		display: none;
	}
	.header{
		width: 100%;
		display: flex;
		align-items: center;
		gap: 25px;
		border-radius: 100px;
	}
	.headerMarca img{
		height: 80px;
	}
	.headerMenu{
		width: 100%;
	}
	.headerMenu ul{
		width: 100%;
		display: flex;
		justify-content: flex-end;
		gap: 20px;
		list-style: none;
	}
	.headerMenu li{
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: var(--cinza03);
	}
	.headerMenu li:hover{
		color: var(--branco);
	}
	.headerCta{
		min-width: 250px;
		height: 40px;
		padding: 0 20px;
		border-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid var(--vermelhoEfeito);
		background-color: var(--vermelho);
	}
	.headerCta:hover{
		filter: brightness(1.2);
		box-shadow: 0 0 20px var(--laranjaEfeito);
	}
	.headerCta p{
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: var(--laranja);
	}
	.header02Hamburger{
		width: 42px;
		height: 42px;
		display: none;
		flex-direction: column;
		justify-content: center;
		gap: 6px;
		cursor: pointer;
		z-index: 1001;
	}
	.header02Hamburger span{
		width: 100%;
		height: 3px;
		border-radius: 10px;
		transition: 0.3s ease;
		background-color: var(--laranja);
	}
	.header02Hamburger.active span:nth-child(1){
		transform: translateY(9px) rotate(45deg);
	}
	.header02Hamburger.active span:nth-child(2){
		opacity: 0;
	}
	.header02Hamburger.active span:nth-child(3){
		transform: translateY(-9px) rotate(-45deg);
	}

/*SESSAO01*/
	.sessao01{
		width: 100%;
		background-size: cover;
		background-position: center;
		background-image:url(../img/limpezadepele01.png);
	}
	.sessao01Background{
		width: 100%;
		padding: 50px 0;
		overflow: hidden;
		background-color: var(--pretoE);
	}
	.sessao01Titulo{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.sessao01Titulo h1{
		padding: 5px 25px;
		border-radius: 100px;
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: var(--pretoE);
		background-color: var(--cor02);
	}
	.sessao01Titulo h2{
		margin: 25px 0;
		font-size: 36px;
		font-weight: 300;
		font-style: ;
		text-align: center;
		letter-spacing: 2px;
		line-height: 115%;
		color: var(--branco);
	}
	.sessao01Titulo h2 strong{
		font-weight: bold;
		color: var(--branco);
	}
	.sessao01Titulo p{
		font-size: 18px;
		font-weight: 300;
		text-align: center;
		line-height: 150%;
		letter-spacing: 1px;
		color: var(--branco);
	}
	.sessao01Titulo p strong{
		font-weight: bold;
		;
	}
	.sessao01Cta{
		width: 100%;
		margin: 50px 0 0;
		display: flex;
	}
	
/*SESSAO02*/
	.sessao02{
		width: 100%;
		padding: 50px 0;
	}
	.sessao02Titulo{
		width: 100%;
	}
	.sessao02Titulo h2{
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 1px;
		color: var(--pretoE);
	}
	.sessao02Titulo p{
		margin: 15px 0 0;
		font-size: 24px;
		font-weight: 300;
		text-align: center;
		color: var(--pretoE);
	}
	.sessao02Conteudo{
		width: 100%;
		margin: 25px 0 0;
	}
	.sessao02ConteudoBg{
		width: 100%;
		display: flex;
		gap: 10px;
		margin: 20px 0 0;
	}
	.sessao02ConteudoIcone{
		display: flex;
		align-items: center;
	}
	.sessao02ConteudoIcone img{
		width: 30px;
		filter: grayscale(1);
	}	
	.sessao02ConteudoIcone img{
		width: 30px;
		opacity: 0.3;
		filter: grayscale(1);
	}
	.sessao02ConteudoIcone img:last-of-type{
		display: none;
	}
	.sessao02ConteudoBg.ativo .sessao02ConteudoIcone img{
		filter: grayscale(0);
	}
	.sessao02ConteudoBg.ativo .sessao02ConteudoIcone img:first-of-type{
		display: none;
	}
	.sessao02ConteudoBg.ativo .sessao02ConteudoIcone img:last-of-type{
		opacity: 1;
		display: block;
	}
	.sessao02ConteudoTexto{
		width: 100%;
	}
	.sessao02ConteudoTexto p{
		opacity: 0.6;
		color: var(--pretoE);
	}
	.sessao02ConteudoBg.ativo .sessao02ConteudoTexto p{
		opacity: 1;
	}
	.sessao02ConteudoTexto p:first-of-type{
		font-size: 16px;
		font-weight: 300;
	}
	.sessao02ConteudoTexto p:last-of-type{
		display: block;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.sessao02Cta{
		width: 100%;
		margin: 35px 0 0;
		padding: 15px 0;
		border-radius: 10px;
		background-color: var(--cor02);
	}
	.sessao02Cta p{
		font-weight: 300;
		text-align: center;
		color: var(--pretoE);
	}
	.sessao02Cta p strong{
		font-weight: bold;
	}

/*SERVICOS*/
	.servicos{
		width: 100%;
		padding: 50px 0;
		background-color: var(--branco);
	}
	.servicosTitulo{
		width: 100%;
	}
	.servicosTitulo h2{
		font-size: 30px;
		font-weight: 300;
		text-align: center;
		color: var(--pretoE);
	}
	.servicosConteudo{
		width: 100%;
		margin: 25px 0 0;
	}
	.servicosConteudoBg{
		width: 100%;
		height: 300px;
		margin: 10px 0 0;
		overflow: hidden;
		border-radius: 0 20px 20px 20px;
		background-position: center;
		background-size: cover;
		background-image:url(../img/limpezadepele01.png);
	}
	.servicosConteudoBackground{
		width: 100%;
		height: 300px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		align-content: flex-end;
		box-sizing: border-box;
		padding: 25px;
		background-image: linear-gradient(to bottom, #0000, var(--cor04));
	}
	.servicosConteudoBackground:hover{
		background-image: linear-gradient(to bottom, var(--cor04E), var(--cor04));
	}
	.servicosConteudoBackground h3{
		width: 100%;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		color: var(--branco);
	}
	.servicosConteudoBackground p:first-of-type{
		width: 100%;
		font-size: 14px;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		color: var(--branco);
	}
	.servicosConteudoBackground p:last-of-type{
		display: none;
	}
	.servicosConteudoBackground:hover p:last-of-type{
		display: block;
		margin: 10px 0 0;
		text-align: center;
		font-size: 18px;
		font-weight: 300;
		color: var(--branco);
	}

/*ETAPAS*/
	.etapas{
		width: 100%;
		padding: 50px 0;
		background-color: var(--branco);
	}	
	.etapasConteudo{
		width: 100%;
		margin: 25px 0 0;
	}
	.etapasConteudoBg{
		width: 100%;
		display: flex;
		align-items: center;
		gap: 15px;
		margin: 0 0 25px;
	}
	.etapasConteudoBg p:first-of-type{
		min-width: 50px;
		height: 50px;
		border-radius: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px dashed var(--cor04);
		font-size: 20px;
		font-weight: 900;
		background-color: var(--cor01);
		color: var(--cor04);
	}
	.etapasConteudoBg p:last-of-type{
		font-size: 16px;
		color: var(--pretoE);
	}
	.etapasConteudoBg p:last-of-type strong{
		color: var(--cor05);
	}
	.etapasConteudoBg p:last-of-type sup{
		font-size: 12px;
		font-style: italic;
		color: var(--cor05E);
	}
	.etapasInfo{
		width: 100%;
		margin: 25px 0 0;
	}
	.etapasInfo p{
		font-size: 12px;
		color: var(--cor04E);
	}
	.etapasInfo span{
		font-weight: bold;
		font-style: italic;
		color: var(--cor04);
	}

/*GALERIA*/
	.galeria{
		width: 100%;
		position: relative;
	}
	.galeria .titulo{
		position: relative;
		z-index: 20;
		padding: 50px 0 25px;
	}
	.galeriaConteudo{
		width: 100%;
		height: 50vh;
		position: relative;
		margin: 0 auto;
	}
	.galeriaConteudoBg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		border-radius: 0 20px 20px 20px;
		visibility: hidden; 
	}
	.galeriaConteudoBg:first-child {
		visibility: visible;
	}
	.galeriaConteudoBg img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.galeriaConteudoMarca{
		width: 100%;
		margin: 50px 0 0;
		text-align: center;
	}
	.galeriaConteudoMarca img{
		width: 100%;
		max-width:150px;
		opacity: 0.25;
	}

/*DEPOIMENTOS*/
	.depoimentos{
		width: 100%;
		padding: 50px 0;
	}	
	.depoimentosConteudo{
		display: flex;
		overflow-x: hidden;
		position: relative;
		padding: 25px 0 50px;
	}
	.depoimentosConteudoBg{
		flex: 0 0 100%;
		padding: 25px;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		border-radius: 0 20px 20px 20px;
		background-color: var(--brancoE);		
		transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.depoimentosConteudoTexto p:first-child{
		font-style: italic;
		font-size: 16px;
		line-height: 150%;
		color: var(--pretoE);		
	}
	.depoimentosConteudoTexto p:last-child{
		margin: 10px 0 0;
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
		color: var(--cor05);
	}
	.depoimentosBgImagem{
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: -30px;
		right: 30px;
		border-radius: 100px;
	}
	.depoimentosBgImagem p{
		margin: 10px 0 0;
		font-size: 30px;
		font-weight: 900;
		color: #FFF;
	}
	.depoimentosBgImagem img{
		width: 100%;
		height: 100%;
	}
	.depoimentosBgImagem p{
		font-weight: 900;
		font-size: 20px;
		color: var(--branco);
		margin: 0;
	}
	.depoimentos .slider-dots{
		margin: -30px 20px 0;
		display: flex;
		justify-content: flex-start;
		position: relative;
		z-index: 999;
		gap: 10px;
	}
	.depoimentosAvaliacoes{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 25px;
		margin: 25px 0 0;
	}
	.depoimentosAvaliacoesMarca{
		text-align: center;
	}
	.depoimentosAvaliacoesMarca img{
		width: 120px;
		margin: 5px 0 0;
	}
	.depoimentosAvaliacoesGoogle{
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.depoimentosAvaliacoesGoogleNota p{
		font-size: 40px;
		font-weight: bold;
		letter-spacing: -2px;
		color: var(--pretoE);
	}
	.depoimentosAvaliacoesGoogleTexto{
		width: 100%;
	}
	.depoimentosAvaliacoesGoogleTexto p:first-of-type{
		font-size: 16px;
		color: #F90;
	}
	.depoimentosAvaliacoesGoogleTexto p:last-of-type{
		font-size: 14px;
		color: var(--cor05E);
	}
	
/*FAQ*/
	.faq{
		width: 100%;
		padding: 50px 0 0;
		background-color: var(--brancoE);
	}		
	.faqConteudo{
		width: 100%;
		margin: 25px auto 0;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.faqConteudoBg{
		width: 100%;
		padding: 20px;
		border-radius: 0 20px 20px 20px;
		background-image: linear-gradient(to bottom, var(--cor02), var(--cor02E));
	}
	.faqConteudoBg:hover{
		background-image: linear-gradient(to bottom, var(--cor02), var(--cor02));
	}
	.faqConteudoPergunta{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}
	.faqConteudoPergunta p:first-of-type{
		width: 75%;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		letter-spacing: 0.5px;
		color: var(--cor05);
	}
	.faqConteudoPergunta p:last-of-type span{
		margin: 0 0 0 1px;
		font-weight: bold;
		color: var(--cor04);
	}
	.faqConteudoResposta{
		width: 100%;
		display: none;
		margin:10px 0 0;
	}
	.faqConteudoResposta p{
		font-size: 16px;
		font-weight: 300;
		color: var(--preto01E);
	}
	.faqConteudoBg.active .faqConteudoResposta{
		display: block;
	}
	.faqConteudoBg.active .faqConteudoPergunta{
		content: "-";
	}
	.faqConteudoBg.active{
		background-color: var(--branco);
	}

/*CONTATO*/
	.contato{
		width: 100%;
		padding: 50px 0 0;
		background-color: var(--brancoE);
	}
	.contato .container{
		border-radius: 0 20px 20px 20px;
		box-sizing: border-box;
		padding: 25px 0 0;
		flex-wrap: wrap;
		gap: 20px;
		overflow: hidden;
		box-shadow: 0 0 10px #0001;
		background-image: linear-gradient(45deg, var(--cor02), var(--cor03));
	}
	.contatoBg,
	.contatoRSocialBg{
		width: 100%;
		gap: 10px;
		padding: 0 25px;
		display: flex;
		align-items: center;
	}
	.contatoBg img,
	.contatoRSocialBg img{
		width: 20px;
		height: 20px;
		padding: 10px;
		border-radius: 30px;
		background-color: var(--cor04);
	}
	.contatoRSocialBg img{		
		background-color: var(--pretoE);
	}
	.contatoBg p,
	.contatoRSocialBg p{
		font-size: 16px;
		font-weight: bold;
		line-height: 120%;
		letter-spacing: 1px;
		color: var(--pretoE);
	}
	.contatoBg p span,
	.contatoRSocialBg p span{
		font-size: 12px;
		font-weight: 400;
		font-style: normal;
		text-transform: uppercase;
	}
	.contatoMaps{
		width: 100%;
		position: relative;
		z-index: 2;
	}
	.contatoMaps iframe{
		width: 100%;
		height: 300px;
		margin: 0 0 -5px;
		filter: grayscale(1);
	}


/*COOKIES*/
	.cookies{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: #0003;
	}
	.cookies .container{
		display: flex;
		justify-content: flex-end;
	}
	.cookiesAviso{
		width: 100%;
		max-width: 300px;
		position: fixed;
		bottom: 0px;
		padding: 20px 0;
		border-radius: 10px 10px 0 0;
		background-color: #FFF;
	}
	.cookiesTexto{
		width: 100%;
		margin: 0 0 20px;
	}
	.cookiesTexto p{
		font-size: 14px;
		text-align: center;
		line-height: 125%;
		margin: 0 20px;
		color: #999;
	}
	.cookiesBotoes{
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 0 0 10px;
	}
	.cookiesBotoes p{
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		margin: 0 10px;
		color: #555;
	}
	.cookiesBotoes p:nth-child(1){
		padding: 10px 20px;
		border-radius: 100px;
		border: 1px solid #555;
		cursor: pointer;
	}
	.cookiesBotoes p:nth-child(1):hover{
		background-color: #555;
		color: #FFF;
	}
	.cookiesBotoes p:nth-child(2){
		font-weight: bold;
		padding: 10px 30px;
		border-radius: 100px;
		border: 1px solid #CCC;
		cursor: pointer;
		color: #FFF;
		background-color: #296;
	}
	.cookiesBotoes p:nth-child(2):hover{
		background-color: #555;
	}
	.cookiesPopUp{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0px;
		z-index: 9999;
		background-color: #000C;
		display: none;
	}
	.cookiesPopUp .container{
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.cookiesPopUpConteudo{
		max-width: 500px;
		align-items: center;
		position: relative;
		background-color: #FFF;
	}
	.cookiesPopUpFechar{
		width: 40px;
		height: 40px;
		border-radius: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -20px;
		right: -20px;
		cursor: pointer;
		background-color: #FFF;
	}
	.cookiesPopUpFechar p{
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	.cookiesPopUpTexto{
		width: auto;
		max-height: 500px;
		padding: 25px;
		overflow: auto;
	}
	.cookiesPopUpTexto h2{
		font-size: 24px;
		padding: 0 0 25px;
		border-bottom: 1px solid #EEE;
	}
	.cookiesPopUpTexto h3{
		margin: 25px 0 10px;
		font-size: 20px;
	}
	.cookiesPopUpTexto p{
		margin: 0 0 10px;
		color: #555;
	}

/*ANIMACAO*/
	.animacao01,
	.animacao02,
	.animacao03,
	.animacao04,
	.animacao05,
	.animacao06,
	.animacao07,
	.animacao08,
	.animacao09,
	.animacao10,
	.animacao11,
	.animacao12,
	.animacao13,
	.animacao14,
	.animacao15,
	.animacao16{
		opacity: 0;
	}
	.animacaoDelay0250{
		animation-delay: 0.25s;
	}
	.animacaoDelay0500{
		animation-delay: 0.5s;
	}
	.animacaoDelay0750{
		animation-delay: 0.75s;
	}
	.animacaoDelay1000{
		animation-delay: 1.0s;
	}
	.animacaoDelay1250{
		animation-delay: 1.25s;
	}
	.animacaoDelay1500{
		animation-delay: 1.5s;
	}
	.animacaoDelay1750{
		animation-delay: 1.75s;
	}
	.animacaoDelay2000{
		animation-delay: 2.0s;
	}
	.animacaoDelay2250{
		animation-delay: 2.25s;
	}
	.animacaoDelay2500{
		animation-delay: 2.5s;
	}
	.animacaoDelay2750{
		animation-delay: 2.75s;
	}
	.animacaoDelay3000{
		animation-delay: 3.0s;
	}


@media screen and (max-width:767px){
	.flex{
		flex-wrap: wrap;
	}
}