main{
	margin:0;
}
section{
	display:flex;
	align-items:stretch;
	min-height:calc(100vh - 79px);
	scroll-margin-top:79px;
}
#whatsapp-hero{
	scroll-margin-top:100px;
}
@media (max-width:768px){
section{
	min-height:auto;
}
}


.hero{
	gap:1.5%;
	color:white;
}
.heroLeft,.heroRight{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.heroLeft ul,.heroRight ul{
	padding:0;
	margin-top:auto;
	list-style:none;
}
.heroRight ul{
	margin:0;
}
.heroLeft li,.heroRight li{
	display:flex;
	align-items:flex-start;
}
.heroLeft li i,.heroRight li i{
	flex:0 0 3%;
	margin-top:3px;
}
.heroRight li i{
	margin-top:6px;
}
.heroLeft li span,.heroRight li span{
	flex:1;
}
.heroLeft{
	flex:3;
	align-items:center;
	padding:3% 4%;
	line-height:1.1;
	background-color:var(--blueColor);
	border:2px solid var(--goldColor);
	border-radius:10px;
}
.heroLeft h1{
	width:100%;
	font-size:1.7rem;
	text-align:left;
}
.heroLeft h2{
	font-size:1.3rem;
	text-align:justify;
}
.heroRight{
	flex:2;
	flex-direction:column;
	gap:20px;
}
.heroCard{
	display:flex;
	flex:1;
	flex-direction:column;
	justify-content:center;
	padding:2% 4%;
	background-color:var(--blueColor);
	border:2px solid var(--goldColor);
	border-radius:10px;
}
.heroCard1{
	flex:3;
	justify-content:center;
	line-height:1.6;
}
.heroCard1 p{
	margin-bottom:4%;
	line-height:1.1;
}
.heroCard2{
	flex:1;
	justify-content:space-between;
	padding:4% 4%;
	line-height:1.2;
}
.heroCard2 p{
	margin-bottom:7%;
	text-align:justify;
}
.heroCard2 a{
	width:60%;
	margin:0 auto;
}
@media (max-width:768px){
.hero{
	flex-direction:column;
	gap:15px;
	padding:4% 3%;
}
.heroLeft{
	padding:6% 4%;
}
.heroLeft h1{
	margin-bottom:3%;
	font-size:1.6rem;
}
.heroLeft h2{
	margin-bottom:7%;
	font-size:1.2rem;
	font-weight:400;
	text-align:left;
}
.heroLeft ul{
	margin-top:-20px;
}
.heroLeft li:not(:last-child){
	margin-bottom:10px;
}
.heroRight{
	gap:15px;
}
.heroRight li{
	line-height:1.1;
}
.heroRight li:not(:last-child){
	margin-bottom:10px;
}
.heroRight li i{
	margin-top:2px;
}
.heroCard1,.heroCard2{
	padding:6% 4%;
}
.heroCard1 p{
	margin-bottom:7%;
	font-size:1.2rem;
}
.heroCard2 p{
	margin-bottom:10%;
}
.heroCard2 a{
	width:100%;
}
}


.secPhoto{
	position:relative;
	max-height:calc(100vh - 79px);
	padding:0;
	overflow:hidden;
}
.secPhoto:after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(to right,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,.7) 100%);
	pointer-events:none;
	padding:0;
}
.secPhoto img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.secPhotoTexto{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:90%;
	text-align:center;
	color:white;
}
@media (max-width:768px){
.secPhoto{
	height:50vh;
}
.secPhoto:after{
	display:none;
}
.secPhoto img{
	object-position:center center;
}
}


.secAmbientes{
	display:block;
	min-height:auto;
	/* padding:60px 2% 0; */
	scroll-margin-top:79px;
}
.ambientesTopo{
	display:grid;
	grid-template-columns:2fr 1fr;
	column-gap:80px;
	align-items:start;
}
.ambientesTitulo span{
	font-size:0.8rem;
	font-weight:700;
	letter-spacing:3px;
}
.ambientesTitulo h2{
	margin:25px 0 0;
	font-size:clamp(42px,5vw,70px);
	font-weight:400;
	line-height:1.05;
}
.ambientesTexto{
	padding-top:30px;
}
.ambientesTexto p{
	margin:0;
	font-size:1.2rem;
	line-height:1.7;
}
.ambientesLinha{
	height:1px;
	background:#d8d5cf;
	margin:20px 0 0px;
}
@media (max-width:768px){
.secAmbientes{
	padding:60px 4% 0;
}
.ambientesTopo{
	grid-template-columns:1fr;
	row-gap:30px;
}
.ambientesTexto{
	padding-top:0;
}
}


.secCards{
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	padding:2% 2% 0;
}
.divCard{
	flex:0 0 calc(50% - 15px);
	position:relative;
	overflow:hidden;
}
.divCard img{
	width:100%;
	height:auto;
	display:block;
	transition:transform .4s ease;
}
.divCard:hover img{
	transform:scale(1.1);
}
.divCard h3{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	margin:0;
	padding:20px;
	color:white;
	background:rgba(0,0,0,.5);
	text-align:center;
	z-index:2;
}
@media (max-width:768px){
.secCards{
	gap:10px;
	padding:4% 3% 0;
}
.divCard{
	flex:0 0 100%;
}
.divCard h3{
	padding:10px;
	font-size:1.2rem;
}
}


.secWhy{
	display:block;
	min-height:auto;
	padding:70px 5% 0;
	scroll-margin-top:79px;
}
.whyTopo{
	padding-bottom:40px;
	border-bottom:1px solid #d8d5cf;
}
.whyTopo span{
	font-size:0.8rem;
	font-weight:700;
	letter-spacing:3px;
}
.whyCards{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	border-bottom:1px solid #d8d5cf;
}
.whyCard{
	min-height:200px;
	padding:32px 20px 30px;
	border-right:1px solid #d8d5cf;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.whyCard:first-child{
	border-left:0;
}
.whyCard:last-child{
	border-right:0;
}
.whyCard i{
	font-size:1.5rem;
	color:var(--goldColor);
	margin-bottom:35px;
}
.whyCard h2{
	margin:0 0 14px;
	min-height:52px;
	font-size:1.5rem;
	font-weight:400;
	line-height:1.3;
	color:var(--blueColor);
}
.whyCard span{
	font-size:0.8rem;
	font-weight:700;
	color:var(--grayColor);
}
@media (max-width:768px){
.secWhy{
	padding:50px 5% 0;
}
.whyCards{
	grid-template-columns:1fr;
}
.whyCard{
	min-height:auto;
	padding:30px 10px;
	border-right:0;
	border-bottom:1px solid #d8d5cf;
}
.whyCard:last-child{
	border-bottom:0;
}
.whyCard i{
	margin-bottom:20px;
}
}


.secCatalog{
	flex-direction:column;
	gap:15px;
	padding:50px 2% 0;
}
.catTopo{
	padding:1%;
	background-color:var(--blueColor);
	border:2px solid var(--goldColor);
	border-radius:10px;
	text-align:center;
}
.catTopo span{
	color:white;
	font-size:2.2rem;
	font-weight:700;
	letter-spacing:3px;
}
.catCardImg{
	display:flex;
	align-items:center;
	gap:30px;
	padding:25px;
	background:#e6e6df;
	border-radius:12px;
}
.catCardImg img{
	display:block;
	width:60%;
	height:auto;
	aspect-ratio:16/9;
	object-fit:contain;
	border-radius:8px;
	flex-shrink:0;
}
.catCardTxt{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
}
.catCardTxt h2{
	margin:0;
	color:var(--blueColor);
	font-size:1.7rem;
	line-height:1.2;
}
.catCardTxt p{
	margin:0;
	color:var(--grayColor);
	line-height:1.7;
}
.btnWhats{
	display:inline-block;
	padding:12px 22px;
	background:#25d366;
	color:white;
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	border-radius:6px;
	transition:background .3s ease;
}
.btnWhats:hover{
	background:#1ebe5d;
}
@media (max-width:768px){
.secCatalog{
	padding:50px 3% 20px;
}
.catTopo span{
	font-size:1.6rem;
	letter-spacing:3px;
}
.catCardImg{
	flex-direction:column;
	align-items:stretch;
	gap:20px;
	padding:15px;
}
.catCardImg img{
	width:100%;
	height:auto;
	aspect-ratio:16/9;
	object-fit:contain;
}
.catCardTxt{
	gap:12px;
}
.catCardTxt h2{
	/* font-size:23px; */
}
.catCardTxt p{
	/* font-size:15px; */
	line-height:1.6;
}
.btnWhats{
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
}


.carousel{
	position:relative;
	width:70%;
	aspect-ratio:1/1;
	overflow:hidden;
	border:2px solid #c8a24a;
	border-radius:16px;
}
/* trilho */
.carousel-track{
	display:flex;
	height:100%;
	transition:transform .4s ease;
}
/* imagens */
.carousel-track img{
	width:100%;
	height:100%;
	object-fit:contain;
	flex-shrink:0;
	border-radius:10px;
}
/* botões */
.prev,.next{
	position:absolute;
	top:50%;
	padding:8px 8px;
	font-size:22px;
	transform:translateY(-50%);
	background:rgba(0,0,0,.2);
	color:white;
	border:none;
	cursor:pointer;
	border-radius:8px;
	z-index:2;
}
/* posição */
.prev{
	left:0;
}
.next{
	right:0;
}
/* hover opcional */
.prev:hover,.next:hover{
	background:rgba(0,0,0,.8);
}
@media (max-width:768px){
.carousel{
	width:100%;
}
}