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

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

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

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

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

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

/* Carrusel / título de salas (tercer bloque bajo section), misma estructura que Colonnade. */
.page-stone-oak-main #content > section > div:nth-child(3) {
	text-align: center;
}

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

/* Solo el intro: el segundo “textured” incluye columnas de direcciones (mejor alineación por defecto). */
.page-stone-oak-main #content > section > div.paragraph--type--basic.textured:first-of-type .container {
	text-align: center;
}

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

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

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

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

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