/* BANNER */
.banner{
	padding: 						170px 0 230px;
	background-size: 				cover !important;
	background-blend-mode: 			color, multiply, normal, normal;
	position: 						relative;
	overflow: 						hidden;
	margin-bottom: 					125px;
}

.banner h2{
	text-transform: 				uppercase;
	color: 							#FFFFFF;
	margin-bottom: 					5px;
}

.banner span{
	color: 							#FFFFFF;
	font-family: 					'Noto Sans', sans-serif;
	opacity: 						0.8;
}

.banner .texturaBanner{
	height: 						100%;
	object-fit: 					contain;
	object-position: 				center center;
	position: 						absolute;
	top: 							0;
	right: 							-65px;
	opacity: 						0.2;
}

/* CONTACTANOS */
.contactanosPagina{
	position: 						relative;
	margin-bottom: 					260px;
}

.contactanosPagina h3{
	text-transform: 				uppercase;
	margin-bottom: 					5px;
}

.contactanosPagina span{
	font-family: 					"Noto Sans", sans-serif;
	opacity: 						0.8;
}

.contactanosPagina .inputsWrapper{
	padding-top: 					190px;
}

.contactanosPagina .inputsWrapper .campoContacto{
	width: 							100%;
	border: 						unset;
	border-bottom: 					1px solid rgba(20, 19, 62, 0.15);
	padding-bottom: 				10px;
	font-weight: 					500;
	margin-bottom: 					35px;
	background-color: 				transparent;
}

.contactanosPagina .inputsWrapper .campoContacto:focus{
	outline: 						unset;
}

.contactanosPagina .inputsWrapper .campoContacto::placeholder{
	color: 							var(--primary);
}

.contactanosPagina .inputsWrapper .campoContacto:last-of-type{
	margin-bottom: 					0;
}

.contactanosPagina .inputsWrapper .btnBgBlueTextWhite{
	width: 							100%;
	font-size: 						23px;
}

.contactanosPagina .enviarWrapper{
	position: 						relative;
	margin-top: 					70px;
}

.contactanosPagina .enviarWrapper::after{
	content: 						"";
	width: 							15px;
	height: 						15px;
	background: 					url("../images/flechaDerechaBlanca.svg") center center no-repeat;
	background-size: 				15px;
	position: 						absolute;
	top: 							0;
	bottom: 						0;
	margin: 						auto 0;
	right: 							20px;
	transition: 					all 0.3s ease-in-out;
}

.contactanosPagina .enviarWrapper > span{
	display: 						none;
}

.contactanosPagina .texturaContacto{
	height: 						125%;
	object-fit: 					contain;
	object-position: 				center center;
	position: 						absolute;
	left: 							0;
	bottom: 						0;
	z-index: 						-1;
}

@media (max-width: 991px){
	/* BANNER */
	.banner{
		padding: 						40px 0;
		margin-bottom: 					55px;
	}

	.banner h2{
		margin-bottom: 					10px;
	}

	.banner .texturaBanner{
		right: 							-35px;
	}

	/* CONTACTANOS */
	.contactanosPagina{
		margin-bottom: 					55px;
	}

	.contactanosPagina h3{
		margin-bottom: 					10px;
		text-align: 					center;
	}

	.contactanosPagina span{
		text-align: 					center;
	}

	.contactanosPagina .inputsWrapper{
		padding-top: 					30px;
	}

	.contactanosPagina .inputsWrapper .btnBgBlueTextWhite{
		font-size: 						12px;
	}

	.contactanosPagina .enviarWrapper{
		margin-top: 					20px;
	}

	.contactanosPagina .enviarWrapper::after{
		width: 							8px;
		height: 						8px;
		background-size: 				8px;
	}

	.contactanosPagina .texturaContacto{
		width: 							100%;
		height: 						auto;
		left: 							unset;
		bottom: 						unset;
		top: 							0;
		right: 							0;
	}
}