/* Shared styles for the redesigned pages (/contactenos, /comunicados, ...).
   Same design tokens as the rest of the site: Lato, purple #5d0387,
   gray #808080 / #333333, light band #e8ecef.
   The bands use the same !important pattern as the site's vc_custom rules so
   they override the theme's default row spacing when stretched full-width. */

/* Hero band (the same light band the other pages use for their titles) */
.page-hero {
	background: #e8ecef !important;
	margin: 0 !important;
	padding: 48px 0 22px !important;
	text-align: center;
}

.page-hero__title {
	color: #5d0387;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}

.page-hero__subtitle {
	color: #808080;
	font-size: 17px;
	margin: 10px 0 0;
}

/* Section bands */
.section--light {
	background: #e8ecef !important;
	margin: 0 !important;
	padding: 26px 0 65px !important;
}

.section--white {
	background: #ffffff !important;
	margin: 0 !important;
	padding: 55px 0 70px !important;
}

.section__title {
	color: #5d0387;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 0 8px;
	text-align: center;
	text-transform: uppercase;
}

.section__subtitle {
	color: #808080;
	font-size: 16px;
	margin: 0 0 42px;
	text-align: center;
}