/* Master Compendium CSS
//--------------------------------------------------------------------- */

/* Header compendium
---------------------------------------------------------------- */
header.header-compendium-v2 {
	padding-top: 80px;
	height: 100vh;
}

header.header-compendium-v2 div.pod {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 100%;
}

header.header-compendium-v2 div.pod div.img { position: relative; }

header.header-compendium-v2 div.pod div.txt div.heading {
	background: var(--gradient-main-diagonal);
	color: var(--color-blanco);
	height: 50%;
	position: relative;
	padding: 30px;
}

header.header-compendium-v2 div.pod div.txt div.heading div.heading-inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}

header.header-compendium-v2.singlemaintheme div.pod div.txt div.heading div.heading-inner { text-align: left; }
header.header-compendium-v2.singlemaintheme div.pod div.txt div.heading h1 { margin-bottom: 5px; }

header.header-compendium-v2 div.pod div.txt div.heading h1,
header.header-compendium-v2 div.pod div.txt div.heading p.tagline {
	font-family: var(--font-family-secundaria);
	font-weight: 500;
}

header.header-compendium-v2 div.pod div.txt div.heading p.tagline {
	color: var(--color-dark-blue);
	margin-bottom: 10px;
	font-weight: 700;
}

header.header-compendium-v2 div.pod div.txt div.tiles {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 50%;
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item {
	position: relative;
	overflow: hidden;
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item div.bg {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item div.bg::after {
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	transition: width .3s ease;
	mix-blend-mode: multiply;
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item div.bg::after { background: #0000001e; }
header.header-compendium-v2 div.pod div.txt div.tiles div.item:hover div.bg::after { width: 100%; }

header.header-compendium-v2 div.pod div.txt div.tiles div.item:nth-of-type(1) {
	background: var(--color-dark-blue-2);
	color: var(--color-blanco);
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item:nth-of-type(2) { color: var(--color-blanco); }
header.header-compendium-v2 div.pod div.txt div.tiles div.item:nth-of-type(2) div.bg { background: var(--color-dark-blue); }

header.header-compendium-v2 div.pod div.txt div.tiles div.item div.tile-txt {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding: 30px;
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item div.tile-txt h5 {
	font-family: var(--font-family-secundaria);
	font-weight: 500;
	margin-bottom: 5px;
	transition: color .3s ease;
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item:hover div.tile-txt h5 { color: var(--color-teal); }

header.header-compendium-v2 div.pod div.txt div.tiles div.item a.tile-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

header.header-compendium-v2 div.pod div.txt div.tiles div.item div.botones { margin-top: 15px; }

header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles {
	display: block;
	height: 50%;
}

header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles ul {
	height: 100%;
	display: block;
	background: var(--color-dark-blue-2);
	padding: 30px;
	overflow: hidden;
	width: 100%;
	transition: opacity .3s ease;
}

header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles ul li { width: 50%; }

header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles ul li a,
header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles ul li h5 {
	display: inline-block;
	font-family: var(--font-family-secundaria);
	font-weight: 500;
	color: var(--color-blanco);
	position: relative;
	padding: 5px 0;
	transition: all .4s ease;
}

header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles ul li h5 { color: var(--color-teal); }
header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles ul li a:hover {
	color: var(--color-teal-2);
	padding-left: 15px;
}

header.header-compendium-v2.singlemaintheme div.pod div.txt div.tiles ul li a i {
	display: inline-block;
	font-size: 75%;
	position: relative;
	margin-left: 10px;
}

header.header-compendium-v2.singlemaintheme div.pod div.img { overflow: hidden; }

header.header-compendium-v2.singlemaintheme div.pod div.img div.navegacion {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.navegacion ul li {
	width: calc(100% / 3);
	text-align: center;
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.navegacion ul li a {
	display: block;
	color: var(--color-blanco);
	font-size: 12px;
	height: 35px;
	line-height: 35px;
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.navegacion ul li:nth-of-type(2) a { background: var(--color-blue); }
header.header-compendium-v2.singlemaintheme div.pod div.img div.navegacion ul li:nth-of-type(1) a { background: var(--color-dark-blue); }
header.header-compendium-v2.singlemaintheme div.pod div.img div.navegacion ul li:nth-of-type(3) a { background: var(--color-dark-blue-2); }

header.header-compendium-v2.singlemaintheme div.pod div.img div.navegacion ul li a:hover {
	background: var(--color-blanco);
	color: var(--color-dark-blue);
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 35px);
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.slider div.item-slider {
	position: relative;
	width: 100%;
	height: 100%;
	background: var(--color-principal);
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.slider div.item-slider div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #00000080, #00000000);
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.slider div.item-slider img.bg { opacity: .9; }

header.header-compendium-v2.singlemaintheme div.pod div.img div.slider div.item-slider div.txt {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: var(--color-blanco);
	padding: 30px;
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.slider div.item-slider div.txt .heading {
	font-weight: 500;
	font-family: var(--font-family-secundaria);
	margin-bottom: 5px;
}

header.header-compendium-v2.singlemaintheme div.pod div.img div.slider div.item-slider div.botones {
	margin-top: 30px;
	text-align: right;
}

header.header-compendium-v2 .tiny-slider {
	background: var(--color-dark-blue);
	height: 100%;
}
header.header-compendium-v2 .tiny-slider div { height: 100%; }

header.header-compendium-v2 .tiny-slider-compendium-contributors {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header.header-compendium-v2 .tiny-slider-compendium-contributors div.item-contributor {
	width: 100%;
	height: 100%;
	position: relative;
}

header.header-compendium-v2 .tiny-slider-compendium-contributors div.item-contributor div.img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

header.header-compendium-v2 .tiny-slider-compendium-contributors div.item-contributor div.img img { transition: all .3s ease; }
header.header-compendium-v2 .tiny-slider-compendium-contributors div.item-contributor:hover div.img img { transform: scale(1.1); }

header.header-compendium-v2 .tiny-slider-compendium-contributors div.item-contributor div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--gradient-overlay-oscuro-diagonal);
	opacity: .7;
}

header.header-compendium-v2 .tiny-slider-compendium-contributors div.item-contributor div.txt {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px 30px 60px 30px;
	height: auto;
}

header.header-compendium-v2 .tiny-slider-compendium-contributors div.item-contributor div.txt .heading {
	font-family: var(--font-family-secundaria);
	margin-bottom: 0;
	font-weight: 500;
}

header.header-compendium-v2 div.tns-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
	text-align: center;
	width: 100%;
}

header.header-compendium-v2 div.tns-nav button {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid var(--color-blanco);
	padding: 0;
	background: transparent;
	margin: 0 4px;
}

header.header-compendium-v2 div.tns-nav button.tns-nav-active {
	background: var(--color-teal);
	border-color: var(--color-teal);
}

header.header-compendium-v2 div.pod div.txt div.heading div.botones-heading {
	display: none;
	background-color: var(--color-clear);
	padding: 30px;
}

header.header-compendium-v2 div.pod div.txt div.heading div.botones-heading span.explore {
	display: block;
    text-align: center;
    font-size: 13px;
    color: var(--color-gris-azulado);
	margin-top: 10px;
}

header.header-compendium-v2 div.pod div.txt div.heading div.botones-heading span.explore i {
	display: block;
	text-align: center;
	margin-top: 5px;
}

header.header-compendium-v2 div.pod div.txt div.heading div.botones-heading span.explore i svg { transform: rotate(-90deg); }

header.header-compendium-v2 .tiny-slider div.dots-container {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	header.header-compendium-v2 { height: auto; }
	header.header-compendium-v2 div.pod { grid-template-columns: 1fr; height: auto; }
	header.header-compendium-v2 div.pod div.txt div.heading { padding-top: 60px; padding-bottom: 60px; height: auto; }
	header.header-compendium-v2 div.pod div.txt div.heading div.heading-inner { top: 0; transform: none; }
	header.header-compendium-v2 div.pod div.txt div.tiles { height: 400px; }
	header.header-compendium-v2 div.pod div.img { height: auto; padding: 15px 0; }
	header.header-compendium-v2 div.pod div.img:last-child img.bg { display: none; }
	div.botones-compendium-main { position: relative !important; bottom: 0 !important; right: 0 !important; text-align: center !important; }
}

@media (max-width: 767px) { header.header-compendium-v2 { padding-top: 60px; } }

@media (max-width: 575px) {
	header.header-compendium-v2 div.pod div.txt div.tiles { height: auto; grid-template-columns: 1fr; }
	header.header-compendium-v2 div.pod div.txt div.tiles div.tiny-slider { height: 400px; }
	header.header-compendium-v2 div.pod div.img:last-child { padding: 15px; }
	a.boton-grande-compendium { display: block; width: 100%; text-align: center; margin-bottom: 15px; }
	a.boton-grande-compendium:last-child { margin-bottom: 0; }
	header.header-compendium-v2 div.pod div.img:last-child { display: none;}
	header.header-compendium-v2 div.pod div.txt div.heading { padding: 0; }
	header.header-compendium-v2 div.pod div.txt div.heading div.heading-inner { padding: 30px; }
	header.header-compendium-v2 div.pod div.txt div.heading div.botones { display: block; }
	header.header-compendium-v2 div.pod div.txt div.heading div.botones-heading { display: block; }
}

@media (min-width: 2500px) {
	header.header-compendium-v2 div.pod { max-width: 2200px; margin: 0 auto; }
	header.header-compendium-v2 { background-color: var(--color-gris-azulado-claro); }
}

/* Botones compendium Main
---------------------------------------------------------------- */
div.botones-compendium-main {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 100%;
	text-align: right;
}

a.boton-grande-compendium {
	display: inline-block;
	padding: 15px 25px;
	background: var(--gradient-main);
	color: var(--color-blanco);
	border-radius: 100px;
	font-weight: 400;
	transition: all .3s ease;
	border: none;
	font-size: 12px;
}

a.boton-grande-compendium:hover { background: var(--color-blue);}
a.boton-grande-compendium:hover::before { display: none; }

@media (max-width: 1199px) { a.boton-grande-compendium { padding: 15px; } }

div.cta-compendium-articles {
	background: var(--color-clear);
	padding: 30px;
	text-align: center;
}


div.cta-compendium-articles a { color: var(--color-teal); text-decoration: underline; }
div.cta-compendium-articles a:hover { color: var(--color-gris-azulado); text-decoration: underline; }

/* Compendium intro
---------------------------------------------------------------- */
div.compendium-intro {
	text-align: center;
	background: var(--color-clear-2);
}

div.compendium-intro div.compendium-collection div.container::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: var(--gradient-main);
}

div.compendium-intro h2,
div.compendium-intro .tagline {
	font-family: var(--font-family-secundaria);
	font-weight: 500;
	max-width: 900px;
	margin: 0 auto;
}

div.compendium-intro .tagline {
	margin-bottom: 5px;
	color: var(--color-teal);
}

div.compendium-intro div.rte {
	color: var(--color-gris-azulado);
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

div.compendium-intro div.botones {
	text-align: center;
	font-size: 0;
	max-width: 800px;
	margin: 0 auto;
}

div.compendium-intro div.botones a {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 50px;
	background-color: var(--color-blanco);
	border: 1px solid var(--color-gris-azulado-claro);
	color: var(--color-gris-azulado);
	margin: 5px;
}

div.compendium-intro div.botones a:hover {
	background: var(--gradient-main);
	color: var(--color-blanco);
}

@media (max-width: 767px) { div.compendium-intro { padding-bottom: 60px; } }
@media (max-width: 575px) { div.compendium-intro { padding-bottom: 0; } }

/* Compendium feed
---------------------------------------------------------------- */
div.feed-compendium { border-bottom: 1px solid var(--color-gris-azulado-claro); }

div.feed-compendium div.pod {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 'pod-txt pod-img';
}

div.feed-compendium div.pod:nth-of-type(even) { grid-template-areas: 'pod-img pod-txt'; }

div.feed-compendium div.pod div.img {
	position: relative;
	grid-area: pod-img;
}

div.feed-compendium div.pod div.img div.item-txt {
	padding: 40px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: var(--color-blanco);
}

div.feed-compendium div.pod div.img div.item-txt div.heading {
	font-family: var(--font-family-secundaria);
	font-weight: 500;
	position: relative;
}

div.feed-compendium div.pod div.img div.item-txt div.heading .tagline {
	color: var(--color-teal);
	margin-bottom: 15px;
}

div.feed-compendium div.pod div.img div.item-txt .label {
    position: relative;
    color: var(--color-blanco);
    font-weight: 500;
    font-family: var(--font-family-secundaria);
    padding: 10px 15px 10px 0;
	display: inline-block;
	margin-top: 15px;
}

div.feed-compendium div.pod div.img div.item-txt .label::before {
	content: '';
	display: block;
	height: 100%;
	width: 200px;
	position: absolute;
	right: 0;
	top: 0;
	background: var(--gradient-main);
	border-radius: 50px;
}

div.feed-compendium div.pod div.img div.item-txt .label span { position: relative; }

div.feed-compendium div.pod div.img div.item-txt div.heading p.autor {
	color: var(--color-teal);
	margin-top: 15px;
}

div.feed-compendium div.pod div.img div.item-txt div.heading p.autor a { color: var(--color-principal); }

div.feed-compendium div.pod div.img div.item-txt div.heading span.fecha {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}

div.feed-compendium div.pod div.img div.item-txt div.botones {
	margin-top: 30px;
	text-align: left;
	position: relative;
}

div.feed-compendium div.pod div.img div.item-txt div.botones a {
	color: var(--color-gris-azulado);
	padding: 10px 20px;
	display: inline-block;
	border-radius: 50px;
}

div.feed-compendium div.pod div.img div.item-txt div.botones a {
	background: var(--gradient-main);
	color: var(--color-blanco);
}

div.feed-compendium div.pod div.img div.item-txt div.botones a:hover {
	background: var(--color-teal);
	color: var(--color-blanco);
}

div.feed-compendium div.pod div.img div.item-txt div.rte {
	position: relative;
	color: var(--color-blanco);
	margin-top: 15px;
}

div.feed-compendium div.pod div.main { grid-area: pod-txt; }

div.feed-compendium div.pod div.main div.item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	position: relative;
}

div.feed-compendium div.pod div.main div.item:nth-of-type(1) { grid-template-areas: 'img txt'; }
div.feed-compendium div.pod div.main div.item:nth-of-type(2) { grid-template-areas: 'txt img'; }

div.feed-compendium div.pod div.main div.item div.item-img {
	position: relative;
	grid-area: img;
}

div.feed-compendium div.pod div.main div.item div.item-txt {
	padding: 60px 45px;
	grid-area: txt;
	position: relative;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.bg {
	background: var(--color-blanco);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.bg::after {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-clear);
	transition: width .3s ease;
}

div.feed-compendium div.pod div.main div.item:hover div.item-txt div.bg::after { width: 100%; }

div.feed-compendium div.pod div.main div.item a.tile-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.heading {
	font-family: var(--font-family-secundaria);
	font-weight: 500;
	position: relative;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.heading .tagline {
	color: var(--color-teal);
	margin-bottom: 15px;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.heading p.autor {
	color: var(--color-teal);
	margin-top: 15px;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.heading p.autor a { color: var(--color-principal); }

div.feed-compendium div.pod div.main div.item div.item-txt div.heading span.fecha {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.botones {
	margin-top: 30px;
	text-align: right;
	position: relative;
}

div.feed-compendium div.pod div.main div.item div.item-txt div.botones a {
	color: var(--color-gris-azulado);
	border: 1px solid var(--color-gris-azulado-claro);
	padding: 10px 20px;
	display: inline-block;
	border-radius: 50px;
}

div.feed-compendium div.pod div.main div.item:hover div.item-txt div.botones a,
div.feed-compendium div.pod div.main div.item div.item-txt div.botones a:hover {
	background: var(--gradient-main);
	color: var(--color-blanco);
}

div.feed-compendium div.pod:nth-of-type(2) div.main div.item:first-child { grid-template-areas: 'txt img'; }
div.feed-compendium div.pod:nth-of-type(2) div.main div.item:last-child { grid-template-areas: 'img txt'; }

div.feed-compendium div.pod.mosaico div.main:last-child { grid-area: pod-img; }
div.feed-compendium div.pod.mosaico div.main div.item:first-child { grid-template-areas: 'txt img'; }
div.feed-compendium div.pod.mosaico div.main div.item:last-child { grid-template-areas: 'img txt'; }

@media (max-width: 1199px) { div.feed-compendium div.pod div.main div.item div.item-txt { padding: 45px 30px; } }
@media (max-width: 991px) { div.feed-compendium div.pod div.main div.item div.item-txt { padding: 30px 15px; } }

@media (max-width: 767px) {
	div.feed-compendium div.pod { grid-template-columns: 1fr; }
	div.feed-compendium div.pod:nth-of-type(1) { grid-template-areas: 'pod-img' 'pod-txt'; }
	div.feed-compendium div.pod:nth-of-type(1) div.img div.item-txt { padding: 100px 30px; }
	div.feed-compendium div.pod div.main div.item div.item-txt { padding: 30px; }
	div.feed-compendium div.pod:nth-of-type(2) div.img { display: none; }
	div.feed-compendium div.pod:nth-of-type(2) div.main div.item:first-child { grid-template-areas: 'img txt'; }
	div.feed-compendium div.pod:nth-of-type(2) div.main div.item:last-child { grid-template-areas: 'txt img'; }
	div.feed-compendium div.pod:nth-of-type(3) { grid-template-areas: 'pod-txt' 'pod-img'; }
	div.feed-compendium div.pod:nth-of-type(3) div.main div.item:first-child { grid-template-areas: 'img txt'; }
	div.feed-compendium div.pod:nth-of-type(3) div.main div.item:last-child { grid-template-areas: 'txt img'; }
}

@media (max-width: 575px) { div.feed-compendium div.pod div.main div.item div.item-txt { padding: 30px 15px; } }

/* Compendium Archives
---------------------------------------------------------------- */
div.compendium-collection h3 {
	font-family: var(--font-family-secundaria);
	color: var(--color-teal);
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}

div.compendium-collection div.pod {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
}

div.compendium-collection div.pod.six-editions { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }

div.compendium-collection div.pod div.item { position: relative; }

div.compendium-collection div.pod div.item div.item-inner {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}

div.compendium-collection div.pod div.item div.item-inner a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-principal);
}

div.compendium-collection div.pod div.item div.item-inner a img {
	opacity: .5;
	transition: transform .3s ease;
}

div.compendium-collection div.pod div.item:hover div.item-inner a img { transform: scale(1.1); }

div.compendium-collection div.pod div.item div.item-inner a span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-family: var(--font-family-secundaria);
	color: var(--color-blanco);
	display: block;
	font-size: 20px;
	text-align: center;
}

@media (max-width: 991px) {
	div.compendium-collection div.pod,
	div.compendium-collection div.pod.six-editions { grid-template-columns: 1fr 1fr; }
	div.compendium-collection div.pod div.item div.item-inner { padding: 0; height: auto; }
	div.compendium-collection div.pod div.item div.item-inner a,
	div.compendium-collection div.pod div.item div.item-inner a span { position: relative; top: 0; left: 0; transform: none; }
	div.compendium-collection div.pod div.item div.item-inner a span { padding: 45px 15px; }
}

@media (max-width: 575px) { div.compendium-collection div.pod, div.compendium-collection div.pod.six-editions { grid-template-columns: 1fr; } }