.destacados_cards {
	position: relative;
	width: 100%;
	max-width: none;
	padding: 1rem calc((100vw - 90%) / 2) 0.5rem calc((100vw - 90%) / 2);
	/* Padding base para dispositivos móviles */
	transition: padding 0.5s ease; /* Transición suave para el padding */
	& h2 {
		font: 700 1.4rem/2rem var(--font-primary);
		color: var(--color-vibe-green);
		position: relative;
		padding-left: 5rem;
		&:before {
			content: "";
			width: 4rem;
			height: 0.1rem;
			background: var(--color-vibe-green);
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
		}
	}
	& h3 {
		font: 300 3.2rem/4.5rem var(--font-secondary);
		color: var(--color-vibe-blue-dark);
	}
}

/* Media Query para pantallas grandes */
@media (min-width: 1366px) {
	.destacados_cards {
		padding: 2rem calc((100% - 115rem) / 2) 0.5rem calc((100% - 115rem) / 2);
		transition: padding 0.5s ease; /* Transición suave para el padding */
	}
}