/* Compendium Feed CSS
//--------------------------------------------------------------------- */

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

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

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

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

div.compendium-buckets 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-buckets div.pod div.item div.item-inner a.desactivado {
	opacity: .5;
	cursor: default;
}

div.compendium-buckets div.pod div.item div.item-inner a img {
	opacity: .3;
	transition: transform .3s ease;
	filter: saturate(0);
}

div.compendium-buckets div.pod div.item div.item-inner a.activo img { filter: saturate(1); }
div.compendium-buckets div.pod div.item div.item-inner a.activo { border: 5px solid var(--color-teal); }
div.compendium-buckets div.pod div.item:hover div.item-inner a img { transform: scale(1.1); }
div.compendium-buckets div.pod div.item:hover div.item-inner a.desactivado img { transform: none; }

div.compendium-buckets 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;
	padding: 0 15px;
	width: 100%;
}

div.compendium-buckets div.pod div.item div.item-inner a span p {
	font-size:13px;
	font-family: var(--font-family-principal);
	margin-top: 5px;
}

@media (max-width: 1199px) { div.compendium-buckets div.pod div.item div.item-inner { padding-top: 65%; } }

@media (max-width: 991px) {
	div.compendium-buckets div.pod { grid-template-columns: 1fr 1fr; }
	div.compendium-buckets div.pod div.item div.item-inner { padding-top: 50%; }
}

@media (max-width: 575px) {
	div.compendium-buckets { display: none; }
	div.compendium-buckets div.pod { grid-template-columns: 1fr; }
	div.compendium-buckets div.pod div.item div.item-inner { padding-top: 35%; }
}