/**
 * Estilos específicos de la página What is an Escape Room?
 * Complementa el legacy style.min.css (compartido).
 */

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

/* Hero: padding vertical del .container y centrado. */
.page-what-is-an-escape-room-main #content > section > div.paragraph--type--background-image.title-area.py-5 > .container {
	padding: 5rem 0;
}

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

.page-what-is-an-escape-room-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-what-is-an-escape-room-main .what-is-hero-fallback {
	background: #1a1a1a url('../../media/Whats_An_Escape_Room_Top_Image.jpg') no-repeat center;
	background-size: cover;
	min-height: 200px;
	text-align: center;
}

/* Fallback cuando PHP no inyecta bg-black_0.jpg (sección vídeo). */
.page-what-is-an-escape-room-main .what-is-video-fallback {
	background: #000 url('../../media/bg-black_0.jpg') no-repeat center;
	background-size: cover;
	padding: 2rem 0;
	text-align: center;
}

.page-what-is-an-escape-room-main .what-is-video-fallback .color-white {
	color: #fff;
}

/* Bloques “textured”: textura de papel. */
.page-what-is-an-escape-room-main #content > section > div.paragraph--type--basic.textured {
	background: url('../../media/bg-grim-white.png') no-repeat center;
	background-size: cover;
}

.page-what-is-an-escape-room-main #content > section > div.paragraph--type--basic.textured .container {
	text-align: center;
}