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

/* Fallback cuando no existe header-locations_4.jpg */
.page-contact-main .contact-hero-fallback {
	background-color: #1a1a1a;
	min-height: 200px;
}

/* Contenedor del formulario LeadConnector (altura la fija el script / data-height) */
.page-contact-main .contact-form-embed {
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
	overflow: visible;
}

.page-contact-main .contact-form-embed .ep-iFrameContainer,
.page-contact-main .contact-form-embed .ep-wrapper {
	width: 100%;
	max-width: 100%;
}

.page-contact-main .contact-form-iframe {
	width: 100%;
	border: none;
	border-radius: 3px;
	display: block;
	/* Sin altura fija: form_embed.js ajusta height; una altura en CSS rompía el layout */
}

.page-contact-main .contact-form-placeholder {
	padding: 2rem;
	color: #666;
}
/*
 * Contacto: sobrescribe legacy (style.min.css)
 * - .paragraph--type--background-image { height:100%; padding:5rem 0; }
 * - .paragraph.... .paragraph.... { height:400px; display:flex; align-items:center; }
 */

/* 1) Todos los bloques background-image en esta página: sin height:100% del legacy (el hero se redefine en 2). */
.page-contact-main .paragraph.paragraph--type--background-image.paragraph--view-mode--default {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
}

/* 2) Hero del contacto: mantiene caja fija y centrado del H1 */
.page-contact-main .paragraph.paragraph--type--background-image.paragraph--view-mode--default.title-area {
	height: 400px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

/* 3) Regla anidada del legacy (dos .paragraph.bg-image en ancestro → hijo) */
.page-contact-main .paragraph.paragraph--type--background-image.paragraph--view-mode--default .paragraph.paragraph--type--background-image.paragraph--view-mode--default {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	display: block !important;
	justify-content: unset !important;
	align-items: unset !important;
}

/* 4) Contenedor del formulario LeadConnector: bloque + padding (sustituye el padding:5rem 0 del legacy en este nodo) */
.page-contact-main #content > section > div.field__item > div.contact-form-section {
	display: block !important;
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	padding: 8rem 0;
	box-sizing: border-box;
}
h1.text-align-center {
    text-align: center;
}