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

/* Fallback cuando no existe extreme-escape-jobs.jpg */
.page-job-application-main .job-application-hero-fallback {
	background-color: #1a1a1a;
	min-height: 200px;
}

/* ========================================================
   Hero: caja fija 400px con centrado del H1
   ======================================================== */
.page-job-application-main .paragraph.paragraph--type--background-image.paragraph--view-mode--default.title-area {
	height: 400px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

/* ========================================================
   Sección del formulario: toda la cadena de contenedores
   sin restricciones de alto para que el iframe crezca libre
   ======================================================== */

/* El .paragraph exterior que envuelve el form */
.page-job-application-main .job-application-form-section {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
	display: block !important;
	padding: 4rem 0;
	box-sizing: border-box;
}

/* .field__items row */
.page-job-application-main .job-application-form-section .field__items {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
}

/* .field__item col */
.page-job-application-main .job-application-form-section .field__item {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
}

/* .title-area interno (NO es el hero, es el wrapper del form) */
.page-job-application-main .job-application-form-section .title-area {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
	display: block !important;
	align-items: unset !important;
	justify-content: unset !important;
}

/* .paragraph anidado dentro de la sección del formulario */
.page-job-application-main .job-application-form-section .paragraph.paragraph--type--basic {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
	display: block !important;
}

/* Cualquier .paragraph--type--background-image dentro de la sección del formulario */
.page-job-application-main .paragraph.paragraph--type--background-image.paragraph--view-mode--default .paragraph {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
	display: block !important;
	align-items: unset !important;
	justify-content: unset !important;
}

/* .clearfix que envuelve directamente al embed */
.page-job-application-main .job-application-form-section .clearfix.text-formatted {
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
}

/* ========================================================
   Embed wrapper e iframe: sin restricciones
   ======================================================== */
.page-job-application-main .job-application-form-embed {
	width: 100%;
	max-width: 100%;
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
	border-radius: 3px;
}

.page-job-application-main .job-application-form-embed .ep-iFrameContainer,
.page-job-application-main .job-application-form-embed .ep-wrapper {
	width: 100%;
	max-width: 100%;
	height: auto !important;
	min-height: unset !important;
	max-height: none !important;
	overflow: visible !important;
}

.page-job-application-main .job-application-form-iframe {
	width: 100%;
	border: none;
	border-radius: 3px;
	display: block;
	min-height: 810px;
}

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