/* Advanced Filters v2 CSS
//--------------------------------------------------------------------- */

/* Advanced filters v2
---------------------------------------------------------------- */
div.advanced-filters-v2 div.pod a.trigger {
	border-radius: 18px;
	transition: border-radius .1s ease;
	display: block;
	width: min-content;
	white-space: nowrap;
}

div.advanced-filters-v2 div.pod a.trigger.activo {
	border-radius: 18px 18px 0 0;
	cursor: default;
}

div.advanced-filters-v2 div.pod div.filters-v2 {
	background: transparent;
	border: 1px solid transparent;
	transition: all .3s .1s ease;
}

div.advanced-filters-v2 div.pod div.filters-v2.activo {
	border-color: var(--color-gris-azulado-claro);
	background: var(--color-clear-2);
	overflow: unset;
}

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner {
	padding: 15px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
}

div.advanced-filters-v2.compendium div.pod div.filters-v2 div.filters-v2-inner { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner span.opcion-header {
	display: block;
	height: 30px;
	background: var(--color-blanco);
	border: 1px solid var(--color-gris-azulado-claro);
	line-height: 30px;
	padding: 0 10px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner span.opcion-header i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
}

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner span.opcion-header:hover i { color: var(--color-teal); }
div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion { position: relative; }

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul {
	z-index: 100;
	background: var(--color-blanco);
	position: absolute;
	width: 100%;
	border: 1px solid var(--color-gris-azulado-claro);
	border-top: none;
	padding: 0;
	display: none;
	max-height: 280px;
	overflow: auto;
}

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul.activo { display: block; }

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul li a {
	display: block;
	padding: 5px 30px 5px 10px;
	color: var(--color-gris-azulado);
	position: relative;
}

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul li a.activo { background: var(--color-clear); }

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul li a div { display: inline-block; }

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul li a::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background: var(--color-blanco);
	border: 1px solid var(--color-gris-azulado);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul li a:hover { color: var(--color-teal); }

div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner div.opcion ul li a.activo::after {
	background: var(--color-teal);
	border: 1px solid var(--color-teal);
}

div.advanced-filters-v2 div.pod-activos {
	padding-top: 20px;
	font-size: 0;
}

div.advanced-filters-v2 div.pod-activos div.activos,
div.advanced-filters-v2 div.pod-activos div.clear-all { display: inline-block; } 

div.advanced-filters-v2 div.pod-activos span {
	background: var(--color-blanco);
	border: 1px solid var(--color-gris-azulado-claro);
	font-size: 12px;
	color: var(--color-gris-azulado);
	padding: 0 9px 0 10px;
	cursor: pointer;
	border-radius: 50px;
	display: inline-block;
	margin: 0 5px 5px 0;
	position: relative;
	line-height: 30px;
}

div.advanced-filters-v2 div.pod-activos i {
	display: inline-block;
	margin-left: 5px;
	font-size: 15px;
	line-height: 30px;
	position: relative;
	top: 1px;
	color: var(--color-gris-azulado-claro);
}

div.advanced-filters-v2 div.pod-activos span:hover {
	background-color: var(--color-gris-azulado);
	color: var(--color-blanco);
}

div.advanced-filters-v2 div.pod-activos span div { display: none; }

@media (max-width: 991px) {
	div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner { grid-template-columns: 1fr 1fr 1fr; }
	div.advanced-filters-v2.compendium div.pod div.filters-v2 div.filters-v2-inner { grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 575px) {
	div.advanced-filters-v2 div.pod div.filters-v2 div.filters-v2-inner { grid-template-columns: 1fr 1fr; }
	div.advanced-filters-v2.compendium div.pod div.filters-v2 div.filters-v2-inner { grid-template-columns: 1fr 1fr; }
	#advanced-filters-general,#advanced-filters-compendium { margin-top: 30px; }
}