/**
 * ParkSinta Page Exceptions
 * Overrides específicas por página o plantilla.
 * Usar solo cuando un ajuste no pueda resolverse con el design system
 * o con el CSS de un componente.
 *
 * Este archivo se carga después del design system y del button system,
 * por lo que sus reglas tienen la última palabra en igualdad de especificidad.
 */

/* Pino melis viejo: el hero usa un flex container con reading-box en lugar de un título H1.
   Se estandariza visualmente para que coincida con el resto de páginas de servicio. */
.fusion-body.page-id-12747 #main .post-content > .fusion-flex-container:first-child {
	padding-bottom: 0 !important;
}

.fusion-body.page-id-12747 #main .post-content > .fusion-flex-container:first-child .reading-box {
	background: transparent !important;
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fusion-body.page-id-12747 #main .post-content > .fusion-flex-container:first-child .reading-box h2 {
	font-family: var(--ps-font-title) !important;
	font-size: var(--ps-h1-size) !important;
	line-height: var(--ps-h1-line) !important;
	color: var(--ps-color-title) !important;
	text-align: center !important;
}

.fusion-body.page-id-12747 #main .post-content > .fusion-flex-container:first-child .reading-box-description {
	font-family: var(--ps-font-body) !important;
	font-size: var(--ps-h3-size) !important;
	font-weight: 400 !important;
	line-height: var(--ps-h3-line) !important;
	color: var(--ps-color-body) !important;
	text-align: center !important;
}

/* Ejemplo:
.page-id-123 .alguna-clase {
    margin-top: var(--ps-space-md);
}
*/