/**
 * Estilos específicos de la página Birthdays
 * Complementa el legacy style.min.css (compartido).
 * Alineado con Team Building (textured, formulario, fallbacks, bloque ubicaciones).
 */

/* Hero: misma regla genérica que Team Building (altura fija solo para el hero con title-area vía exclusión abajo). */
.paragraph.paragraph--type--background-image.paragraph--view-mode--default {
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}

h1.text-align-center {
	text-align: center;
}

/* Sección textured (dos columnas + formulario): bg-grim-white.png, contain, anclado arriba. */
.page-birthdays-main #content > section > .textured {
	background-image: url('../../media/bg-grim-white.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

/* Columna del formulario LeadConnector (misma imagen que Team Building). */
.page-birthdays-main .birthdays-contact {
	background-image: url('../../media/ee-team-builder-contact.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 4px;
}

/* Fallback cuando no existe la imagen hero */
.page-birthdays-main .birthdays-hero-fallback {
	background-color: #1a1a1a;
	min-height: 200px;
}

.page-birthdays-main .birthdays-red-fallback {
	background: #b40f20 url('../../media/bg-red_1.jpg') no-repeat center;
	background-size: cover;
}

/* Bloque ubicaciones (misma imagen y ritmo que Escape Rooms / Team Building). */
.page-birthdays-main .birthdays-locations .container,
.page-birthdays-main .birthdays-locations .row {
	text-align: center;
}

/* Sobreescribe height: 400px + flex del hero: el bloque de ubicaciones crece con el contenido. */
.page-birthdays-main .birthdays-locations.paragraph.paragraph--type--background-image.paragraph--view-mode--default {
	height: auto !important;
	min-height: 0;
	display: block !important;
}

.page-birthdays-main .birthdays-black-fallback {
	background: #000 url('../../media/bg-black_0.jpg') no-repeat center;
	background-size: cover;
	padding: 2rem 0;
	text-align: center;
}

.page-birthdays-main .birthdays-form-embed {
	width: 100%;
	min-height: 400px;
	overflow: hidden;
}

.page-birthdays-main .birthdays-form-iframe {
	width: 100%;
	min-height: 603px;
	height: 701px;
	border: none;
	border-radius: 3px;
	display: block;
}

.page-birthdays-main .birthdays-form-placeholder {
	color: #ccc;
}