main{
	border:2px solid #e7e7e7;
	border-radius:8px;
}
.hrStyle{
	width:96%;
	margin:4% auto 1%;
}
#whatsapp-hero {
	scroll-margin-top:100px;
}
@media(max-width:767px){
.hrStyle{
	margin:10% auto 5%;
}
}


.hero{
	color:white;
	background-color:var(--blueColor);
	border-radius:8px 8px 0 0;
}
.hero hr{
	margin:2% 0;
}
.hero img{
	height:auto;
	width:20%;
}
.hero p{
	margin-bottom:2%;
	font-weight:900;
	letter-spacing:3px;
	color:var(--goldColor);
}
.hero h1{
	margin-bottom:2%;
	font-size:1.8rem;
}
.hero h2{
	margin-bottom:2%;
	font-size:1.3rem;
	font-weight:500;
}
.heroCard{
	display:inline-block;
	padding:10px 20px;
	font-weight:500;
	letter-spacing:1px;
	color:var(--blueColor);
	background:var(--goldColor);
	border-radius:4px;
}
@media(max-width:767px){
.hero{
	padding:3%;
}
.hero img{
	margin:1% auto;
	height:auto;
	width:50%;
}
.hero p,.hero h1,.hero h2{
	margin-bottom:8%;
}
.hero h1{
	font-size:1.4rem;
}
.hero h2{
	font-size:1.1rem;
}
.heroCard{
	padding:10px 20px;
}
}


.secCards{
	/* */
}
.secCards h2{
	margin-bottom:2%;
	font-size:1.8rem;
	color:var(--blueColor);
}
.secCards p{
	margin-bottom:2%;
	font-weight:500;
}
.cardsGrid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:3% 1%;
}
.cardsDiv{
	padding:10px 18px 4px;
	border:1px solid var(--goldColor);
	border-radius:14px;
}
.cardsDiv i{
	display:block;
	margin:4px auto 10px;
	font-size:1.5rem;
	color:var(--goldColor);
}
.cardsDiv h3{
	margin-bottom:8px;
	font-weight:600;
	color:var(--blueColor);
}
.cardsDiv p{
	color:var(--grayColor);
}
.cardsDiv a{
	display:inline-block;
	margin-bottom:10px;
	padding:8px 18px 10px;
	font-size:0.8rem;
	font-weight:500;
	color:white;
	background:var(--blueColor);
	border-radius:4px;
	text-decoration:none;
}
.cardsDiv a:hover{
	text-decoration:underline;
}
.cardDestaque{
	padding:10px 18px 0;
	grid-column:1 / -1;
}
@media(max-width:767px){
.secCards{
	margin-bottom:16%;
}
.secCards h2{
	font-size:1.4rem;
}
.cardsGrid{
	grid-template-columns:1fr;
	gap:1% 1%;
}
.cardsDiv{
	padding:10px 14px 4px;
}
.cardDestaque{
	grid-column:auto;
}
}


.secAbout{
	display:flex;
	margin-top:18px;
	align-items:center;
	gap:40px;
	max-width:1400px;
}
.aboutImagem{
	flex:0 0 calc(60% - 16px);
	min-width:0;
}
.aboutImagem img{
	display:block;
	width:100%;
	height:420px;
	object-fit:cover;
	border:2px solid var(--goldColor);
	border-radius:16px;
}
.aboutConteudo{
	flex:1;
	min-width:0;
}
.aboutConteudo span{
	display:block;
	margin-bottom:18px;
	font-weight:900;
	letter-spacing:3px;
	color:var(--goldColor);
}
.aboutConteudo h2{
	margin:0 0 24px;
	color:var(--blueColor);
	font-size:1.8rem;
	line-height:1.3;
	font-weight:700;
}
.aboutConteudo p{
	margin:0 0 18px;
	color:var(--grayColor);
	line-height:1.8;
}
.aboutDetalhe{
	width:100px;
	height:6px;
	margin-top:28px;
	background:var(--goldColor);
	border-radius:2px;
}
@media(max-width:767px){
.secAbout{
	flex-direction:column;
	align-items:stretch;
	gap:28px;
	margin:10% 0 0;
	padding:0 2% 6%;
}
.aboutImagem{
	flex:auto;
	width:100%;
}
.aboutImagem img{
	height:auto;
	aspect-ratio:4/3;
}
.aboutConteudo h2{
	font-size:1.4rem;
	margin-bottom:18px;
}
.aboutConteudo p{
	font-size:1rem;
	line-height:1.5;
}
.aboutDetalhe{
	margin-top:0;
}
}