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

/*
 * Clase heredada del HTML legacy (Drupal): no es la utilidad de Bootstrap (.text-center).
 * Sin esta regla, text-align-center en el markup no hace nada.
 */
.page-escape-rooms-main .text-align-center {
	text-align: center;
}

/* Hero (con o sin clase escape-rooms-hero-fallback): padding vertical del .container y centrado. */
.page-escape-rooms-main #content > section > div.paragraph--type--background-image.title-area.py-5 > .container {
	padding: 5rem 0;
}

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

/* Fallback cuando PHP no inyecta el hero (misma imagen que el tema). */
.page-escape-rooms-main .escape-rooms-hero-fallback {
	background: #1a1a1a url('../../media/Locations_Top_Image.jpeg') no-repeat center;
	background-size: cover;
	min-height: 200px;
	text-align: center;
}

.page-escape-rooms-main .escape-rooms-hero-fallback .color-white {
	color: #fff;
}

/* Bloque ubicaciones (segundo background-image; con o sin escape-rooms-locations-fallback). */
.page-escape-rooms-main #content > section > div.paragraph--type--background-image.paragraph--view-mode--default:not(.title-area) .container,
.page-escape-rooms-main #content > section > div.paragraph--type--background-image.paragraph--view-mode--default:not(.title-area) .row {
	text-align: center;
}

/* Fallback cuando PHP no inyecta el fondo de ubicaciones. */
.page-escape-rooms-main .escape-rooms-locations-fallback {
	background: #000 url('../../media/bg-black_0.jpg') no-repeat center;
	background-size: cover;
	padding: 2rem 0;
	text-align: center;
}

/* Bloques “textured” (intro + “Let the Fun Begin…”): textura de papel. */
.page-escape-rooms-main #content > section > div.paragraph--type--basic.textured {
	background: url('../../media/bg-grim-white.png') no-repeat center;
	background-size: cover;
	text-align: center;
}

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

/* Widget Bookeo (misma idea que book-room.css). */
.page-escape-rooms-main .book-room-bookeo-wrap {
	clear: both;
	width: 100%;
	min-height: 1072px;
}

.page-escape-rooms-main .book-room-bookeo-wrap iframe {
	max-width: 100%;
}