/* Header Sencillo CSS
//--------------------------------------------------------------------- */

/* Header sencillo
---------------------------------------------------------------- */
header.header-sencillo {
	padding-top: 80px;
	background: var(--color-clear);
}

header.header-sencillo h1 {
	font-family: var(--font-family-secundaria);
	color: var(--color-teal);
	text-align: center;
	font-weight: 500;
}

header.header-sencillo .rte-sencillo {
	max-width: 800px;
	margin-top: 10px;
	color: var(--color-gris-azulado);
}

header.header-sencillo .rte-sencillo.centrado { margin-left: auto; margin-right: auto; }

header.header-sencillo.tabs h2 {
	font-family: var(--font-family-secundaria);
	color: var(--color-principal);
	font-weight: 500;
}

header.header-sencillo.tabs ul li { margin-right: 5px; }

header.header-sencillo.tabs ul li a {
	display: block;
	padding: 10px 15px 7px 15px;
	background: var(--color-gris-azulado-claro);
	border-radius: 12px 12px 0 0;
	font-size: 13px;
	font-family: var(--font-family-secundaria);
	color: var(--color-principal);
	font-weight: 500;
}

header.header-sencillo.tabs ul li a:hover {
	background: var(--color-teal);
	color: var(--color-blanco);
}

header.header-sencillo.tabs ul li a.activo {
	background: var(--color-blanco);
	color: var(--color-principal);
}

header.header-sencillo.tabs ul li.special a,
header.header-sencillo.tabs ul li.special.activo a {
	background: var(--gradient-main);
	color: var(--color-blanco);
}

header.header-sencillo.tabs ul li.special a:hover { background: var(--color-dark-blue); }

header.header-sencillo.feed-compendium-header .boton {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

header.header-sencillo.feed-compendium-header .heading { text-align: left; }

@media (max-width: 1200px) {
	header.header-sencillo.feed-compendium-header .boton { position: relative; top: 0; transform: none; margin-top: 15px; }
}

@media (max-width: 767px) {
	header.header-sencillo.tabs ul li { display: block; margin: 0; width: 100%; margin-bottom: 10px; }
	header.header-sencillo.tabs ul li:last-child { padding-bottom: 30px; }
	header.header-sencillo.tabs ul li a { padding: 8px 15px; display: block; text-align: center; border-radius: 50px; background: var(--gradient-main); color: var(--color-blanco); }
	header.header-sencillo.tabs ul li a.activo { background: var(--color-gris-azulado); color: var(--color-blanco); }
}