/* Franja con accesos a Preguntas frecuentes y Contacto, arriba de la navegacion */

div.barra-ayuda {
	background: #e5eaf4;
	text-align: right;
	padding: 18px 50px;
	line-height: 1;
}

div.barra-ayuda a {
	display: inline-flex;
	align-items: center;
	margin-left: 30px;
	font-size: 1.05em;
	font-weight: 400;
	color: #012169;
	-webkit-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

div.barra-ayuda a:hover {
	color: #21a6eb;
}

div.barra-ayuda a img {
	height: 20px;
	width: auto;
	margin-right: 6px;
}

/* En mobile la navbar es fija arriba: la franja deja lugar para ella y apila los accesos */
@media (max-width: 767px) {
	div.barra-ayuda {
		padding: 80px 20px 20px;
	}

	/* En las paginas internas el header ya deja ese lugar con su padding-top */
	header.header-int div.barra-ayuda {
		padding-top: 20px;
	}

	div.barra-ayuda a {
		display: flex;
		justify-content: flex-end;
		margin: 0 0 14px;
	}

	div.barra-ayuda a:last-child {
		margin-bottom: 0;
	}

	/* En la home la franja ya ocupa el lugar de la navbar fija */
	div.barra-ayuda + div.pagos-online {
		padding-top: 20px;
	}
}