.posicion_relativa {
	position: relative;
}

.pagina_imagen_cabecera {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
}

.pagina_portada_contenedor {
	position: relative;
	top: -12.5rem;
	margin-bottom: -12.5rem;
	z-index: 3;
	padding-bottom: 3rem;
}

.pagina_cabecera_simple {
	padding-bottom: 20px;
}

.pagina_cabecera_con_portada {
	padding-bottom: 220px;
}

.pagina_imagen_cabecera_degradado {
	position: relative;
}

.pagina_imagen_cabecera_desenfocada {
	position: relative;
}

.pagina_imagen_cabecera_degradado::before {
	transition: all 500ms ease;
	content: '';
	position: absolute;
	background: transparent linear-gradient(85deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box;
	opacity: 0.74;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.pagina_imagen_cabecera_desenfocada::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	backdrop-filter: blur(10px);
	background: rgba(48, 53, 85, 0.50);
}

.pagina_titulo_portada {
	font-family: 'Poppins-SemiBold';
	font-size: 30px;
	color: #303555;
	padding-bottom: 40px;
	line-height: 1.2em;
}

.pagina_texto_principal {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	margin-top: 12.5rem;
	padding: 3.5rem 0rem 0rem 3.5rem;
}

.pagina_imagen_principal img {
	width: 100%;
	z-index: 1;
}

.titulo_pagina_cabecera {
	font-family: Poppins;
	font-size: 5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 6.25rem;
	position: relative;
	z-index: 1;
}

.clase_cita_texto_portada {
	font-family: 'ine-Poppins-Regular';
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	border-left: 2px solid #CB1823;
	padding-left: 20px;
	color: #303555;
}

.pagina_grosor_texto_small {
	font-size: 18px;
	line-height: 1.4em;
	font-family: 'Poppins-Regular';
	color: #303555;
}

.pagina_grosor_texto_large {
	color: #303555;
	font-family: Poppins;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.pagina_grosor_texto_extra_large {
	font-family: Poppins;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.75rem;
}

.pagina_boton_texto {
	text-transform: uppercase;
	margin-top: 2px;
}

.enlace_texto_portada {
	font-size: 16px;
	line-height: 16px !important;
	font-weight: normal;
}

/* TODO: Evitar estos margenes con las rutas especificas*/
/* Responsabilidad Social  */
.paragraph--responsabilidad--social .contenedor_principal_texto_y_foto,
.paragraph--social--responsibility .contenedor_principal_texto_y_foto{
  margin-top: 2rem;
}



/* --------------- M E D I A S  Q U E R I E S --------------- */

/* XL */
@media (max-width: 1399.98px) {}

/* LG */
@media (max-width: 1199.98px) {
	.titulo_pagina_cabecera {
		font-size: 52px;
	}

	.pagina_cabecera_con_portada {
		padding-bottom: 50px;
	}

	.pagina_portada_contenedor {
		position: relative;
		top: -3.75rem;
		margin-bottom: -3.75rem;
	}

	.pagina_texto_principal {
		margin-top: 3.5rem;
		padding: 1.5rem 0rem 0rem 1.5rem;
	}
}

/* MD */
@media (max-width: 991.98px) {
	.pagina_cabecera_con_portada {
		padding-bottom: 35rem;
	}

	.pagina_portada_contenedor {
		top: -33.75rem;
		margin-bottom: -33.75rem;
	}

	.titulo_pagina_cabecera {
		font-size: 3.75rem;
		line-height: unset;
	}

	.pagina_texto_principal {
		margin-top: unset;
		padding: 2rem 0rem 0rem 0rem;
	}

	.pagina_titulo_portada {
		font-size: 24px;
	}

	.contenedor_principal_texto_y_foto {
		margin-top: 3rem;
	}
}

/* SM */
@media (max-width: 767.98px) {
	.pagina_cabecera_con_portada {
		padding-bottom: 25rem;
	}

	.pagina_portada_contenedor {
		top: -23.75rem;
		margin-bottom: -23.75rem;
	}

	.titulo_pagina_cabecera {
		font-size: 40px;
		line-height: 3rem;
	}

	.pagina_boton_enlace {
		text-align: center;
	}

	.pagina_boton_enlace a {
		font-size: 14px;
	}

	.pagina_texto_principal {
		padding: 2rem 0rem 0rem 0rem;
	}
}

/* XS */
@media (max-width: 575.98px) {
	.pagina_migas .ine-breadcrum {
		padding-left: 10px !important;
	}

	.pagina_cabecera_con_portada {
		padding-bottom: 16rem;
	}

	.pagina_portada_contenedor {
		top: -16rem;
		margin-bottom: -16rem;
		padding-bottom: 1.5rem;
	}

	.titulo_pagina_cabecera {
		font-size: 2rem;
		line-height: 2.625rem;
		padding: 0px 85px 0px 20px !important;
	}

	.pagina_texto_principal {
		left: unset !important;
		background-image: unset !important;
	}

	.clase_texto_portada {
		font-size: 16px;
		color: #303555;
	}

	.pagina_grosor_texto_extra_large {
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.pagina_imagen_principal {
		padding: 0rem 1.25rem 1.5rem 1.25rem;
	}

	.pagina_titulo_portada {
		padding-bottom: 20px;
	}

}