/**
 * Estilos específicos de la página FAQ
 * Complementa el legacy style.min.css (compartido).
 */

/*
 * Clase heredada del HTML legacy (Drupal): no es la utilidad de Bootstrap (.text-center).
 */
.page-faq-main .text-align-center {
	text-align: center;
}

/* Hero: padding vertical del .container, centrado y altura mínima (sustituye reglas globales previas). */
.page-faq-main #content > section > div.paragraph--type--background-image.title-area.py-5 > .container {
	padding: 5rem 0;
}

.page-faq-main #content > section > div.paragraph--type--background-image.title-area.py-5 .container,
.page-faq-main #content > section > div.paragraph--type--background-image.title-area.py-5 .text-formatted {
	text-align: center;
}

.page-faq-main #content > section > div.paragraph--type--background-image.title-area.py-5 {
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Fallback cuando PHP no inyecta el hero. */
.page-faq-main .faq-hero-fallback {
	background: #1a1a1a url('../../media/header-locations_3_0.jpg') no-repeat center;
	background-size: cover;
	min-height: 200px;
	text-align: center;
}

/* Bloque FAQ principal (textured): textura de papel (solo FAQ). */
.page-faq-main #content > section > div.paragraph--type--basic.textured {
	background: url('../../media/bg-grim-white.png') no-repeat center top;
	background-size: contain;
}