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

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

/* Hero: padding vertical del .container y centrado (misma idea que escape-rooms). */
.page-colonnade-main #content > section > div.paragraph--type--background-image.title-area.py-5 > .container {
	padding: 5rem 0;
}

.page-colonnade-main #content > section > div.paragraph--type--background-image.title-area.py-5 .container,
.page-colonnade-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 la plantilla). */
.page-colonnade-main .colonnade-hero-fallback {
	background: #1a1a1a url('../../media/header-locations_3_0.jpg') no-repeat center;
	background-size: cover;
	min-height: 200px;
	text-align: center;
}

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

/* Carrusel / título de salas (tercer bloque directo bajo section). */
.page-colonnade-main #content > section > div:nth-child(3) {
	text-align: center;
}

/* Bloques “textured”: fondo texturado (intro bajo el hero). */
.page-colonnade-main #content > section > div.paragraph--type--basic.textured:not(.colonnade-textured-long) {
	background: url('../../media/bg-grim-white.png') no-repeat center;
	background-size: cover;
}

/* Textured largo (pie de página Colonnade): imagen completa visible, anclada arriba. */
.page-colonnade-main #content > section > div.paragraph--type--basic.textured.colonnade-textured-long {
	background-image: url('../../media/bg-grim-white.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

/* Fallback cuando PHP no inyecta bg-purple_1.jpg (columna “Visit us”). */
.page-colonnade-main .colonnade-purple-fallback {
	background: #4a2c6d url('../../media/bg-purple_1.jpg') no-repeat center;
	background-size: cover;
	padding: 2rem 0;
}

.page-colonnade-main .colonnade-purple-fallback .color-white,
.page-colonnade-main .colonnade-purple-fallback .color-white a {
	color: #fff;
}

/* Bloque columna púrpura + mapa: título principal y “VISIT US:” en acento dorado. */
.page-colonnade-main .ee-purple-visit-map h2.color-white,
.page-colonnade-main .ee-purple-visit-map h3.color-white {
	color: #dda40a !important;
}

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

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