/* Pintamos todos los SVG */
svg text,
svg path {
	fill: var(--primary-color);
}


/*BARRA inferior navegación*/
#navegacion {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0px;
	padding: 5px;
	z-index: 900;
	display: flex;
	height: 70px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  color: #137EAC;
	color: var(--primary-color);
	border-top: 1px solid #f0f0f0;
	border-top: 1px solid var(--border-color);
	background: white;
}

#navegacion a {
	color: var(--primary-color);
}

#navegacion .go-home-icon,
#navegacion .boton-izquierdo,
#navegacion .boton-derecho {
  padding: 5px 15px;
  margin: 5px;
  vertical-align: middle;
  font-size: 22px;
	cursor: pointer;
}

#navegacion svg path {
	fill: var(--primary-color);
}

#navegacion .boton-izquierdo,
#navegacion .boton-derecho {
  border: 1px solid var(--border-color);
  border-radius: 5px;
}

#ayuda .help-ico-container {
	border: 1px solid var(--border-color);
	border-radius: 25px;
	padding: 5px 10px;
	color: black;
	margin-left: 10px;
}

#ayuda .help-ico-container svg text {
	fill: var(--primary-color);
}

/****************************************************/


/* Páginas de contenido genéricas */

.pagina {
	background: white;
}

.pagina.main-content {
	padding: 80px 7em;
	padding-top: 80px;
	color: var(--text-color);
	font-family: "Arial", helvetica;
}

.pagina.main-content .bloque-contenido {
	padding: 0;
	margin: 0 auto 30px auto;
	margin: 0 auto var(--margin-bottom) auto;
}

h1, h2, h3, h4, h5 {
	color: var(--text-gris3);
	font-family: "Arial Semibold", helvetica;
}

h1, h2, h3, h4, h5 {
	margin-bottom: var(--margin-bottom) !important;
}

h1 { font-size: 38px; font-weight: bold; }
h2 { font-size: 32px; font-weight: bold; color: var(--primary-color); }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }

h1:after {
    content: "";
    display: block;
    margin: 0 0;
    width: 200px;
    padding-top: 10px;
    border-bottom: 5px solid #137EAC;
		border-bottom: 5px solid var(--primary-color);
}

/****************************************************/






/* MOBILE */
@media (max-width: 968px) {

	.pagina.main-content {
		padding: 1em 3em;
	}

	.pagina.main-content .bloque-contenido {
		padding: 0;
		margin: 0 auto;
	}

}

@media (max-width: 580px) {

	h1 { font-size: 28px; margin-left: 0.5em; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 17px; }
	h5 { font-size: 14px; }

	.pagina.main-content {
		padding: 0.5em;
		padding-top: 1em;
	}

	.pagina.main-content .bloque-contenido h1 {
		margin-left: 0.5em;
	}

	.pagina.main-content .bloque-contenido {
		padding: 0;
		margin: 0 1em 2em 1em;
	}

}