/**
 * Página Misión y Visión.
 */

.ngz-page-hero--mision-vision {
	background: linear-gradient(135deg, rgba(45, 140, 86, 0.08) 0%, rgba(232, 185, 35, 0.08) 100%);
}

.ngz-page--mision-vision .ngz-page__body {
	padding-top: 2rem;
	padding-bottom: 3.5rem;
}

.ngz-mision-vision-intro {
	max-width: 42rem;
	margin: 0 0 1.75rem;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--ngz-gris-t);
}

.ngz-mision-vision-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.ngz-mision-vision-card {
	position: relative;
	padding: 1.35rem 1.4rem 1.5rem;
	background: var(--ngz-gris-f);
	border-radius: var(--ngz-radius-md);
	border-top: 3px solid var(--ngz-verde);
	min-height: 100%;
}

.ngz-mision-vision-card--vision {
	border-top-color: var(--ngz-amarillo);
}

.ngz-mision-vision-card__title {
	margin: 0 0 0.75rem;
	font-family: var(--ngz-font-serif);
	font-size: 1.35rem;
	color: var(--ngz-oscuro);
}

.ngz-mision-vision-card__text {
	margin: 0;
	font-size: 0.975rem;
	line-height: 1.7;
	color: var(--ngz-gris-t);
}

@media (max-width: 767px) {
	.ngz-mision-vision-grid {
		grid-template-columns: 1fr;
	}
}