#destaque .destaques {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-gap: 10px;
	aspect-ratio: 60/25;
}

#destaque .destaque:nth-child(1) { grid-area: 1 / 1 / 4 / 3; }
#destaque .destaque:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
#destaque .destaque:nth-child(3) { grid-area: 2 / 3 / 3 / 5; }
#destaque .destaque:nth-child(4) { grid-area: 3 / 3 / 4 / 5; } 


#destaque .destaque{
	text-decoration: none;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,.2));
}
#destaque .destaque:nth-child(2),
#destaque .destaque:nth-child(3),
#destaque .destaque:nth-child(4) {
	display: grid;
	grid-template-columns: 50% 1fr;
	align-items: center;
} 
#destaque .destaque figure{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
#destaque .destaque div{
	padding: 10px;	
}
#destaque .destaque h4{
	display: flex;
	width: 100%;
	align-items: flex-end;
  pointer-events: none;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 1.1rem;
	letter-spacing: .4px;
	line-height: 1;
	color: var(--primarya)
}
#destaque .destaque p{
	display: none;
	color: var(--colora);
	font-size: .8rem;
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 5px;
	line-height: 1;
} 

#destaque .link{
	display: flex;
	align-items: center;
	grid-gap: 10px;
	margin-top: 20px;
}
#destaque .link::before,
#destaque .link::after{
	content: "";
	flex-grow: 1;
	border-bottom: solid 1px var(--basea);
	opacity: .3;
}
#destaque .link a{
	display: flex;
	align-items: center;
	color: var(--secundary);
	line-height: 0;
	text-decoration: none;
	grid-gap: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1;
	border: solid 1px var(--inputd);
	padding: 10px 20px;
	border-radius: 20px;
	background: rgba(255,255,255,.2);
}
#destaque .link a i{
	color: var(--secundary);		
}
#destaque .link a:hover{
	color: var(--primaryc);	
}

#destaque .sub-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#destaque .sub-title h2{
	color: var(--primaryc);
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
	display: flex;
	flex-direction: column;
	font-family: "Oswald", sans-serif;
	letter-spacing: 1px;
}
#destaque .sub-title h2::after{
	height: 0;
	width: 50%;
	border-bottom: solid 4px var(--secundary);
	content: "";
	margin-top: 5px;
}
#destaque .sub-title img{
	height: 45px;
	width: auto;
}

#destaque .banners{
	border-radius: 5px;
	margin-top: 40px;
}
#destaque .banners .slider{
	margin-top: 20px;
}


@media screen and (max-width: 720px) {
	#destaque .destaques {
    display: flex;
		flex-direction: column;
		grid-gap: 15px;
	}
	#destaque .destaque {
		display: grid;
		grid-template-columns: 50% 1fr;
		align-items: center;
	} 
	#destaque .destaque:nth-child(1){
		grid-template-columns: 1fr;
	}
	#destaque .destaque figure{
		aspect-ratio: 6/3;
	}
	#destaque .destaque h4{
		font-size: 1rem;
	}
	#destaque .destaque p {
		display: flex;
		align-items: center;
		gap: 5px;
		line-height: 1;
	}
}