/* Consulado - Buscador: la lista de tramites bajo "Buscar un Tramite". */

.cb-caja {
	position: relative;
	--cb-texto: #1f2933;
	--cb-suave: #5b6673;
	--cb-linea: #dfe3e8;
	--cb-elegido: #eef3fa;
}

.cb-lista {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	z-index: 1000;
	max-height: min(60vh, 26rem);
	margin: 0;
	padding: .35rem 0;
	overflow-y: auto;
	list-style: none;
	text-align: left;
	background: #fff;
	border: 1px solid var(--cb-linea);
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
}

.cb-lista[hidden] {
	display: none;
}

.cb-lista li {
	margin: 0;
	padding: .6rem .9rem;
	line-height: 1.3;
	cursor: pointer;
}

.cb-lista li[aria-selected="true"] {
	background: var(--cb-elegido);
}

.cb-titulo {
	display: block;
	font-size: .95rem;
	color: var(--cb-texto);
}

.cb-titulo mark {
	padding: 0;
	font-weight: 700;
	color: inherit;
	background: none;
}

.cb-meta {
	display: block;
	margin-top: .15rem;
	font-size: .8rem;
	color: var(--cb-suave);
}

.cb-lista li.cb-vacio {
	font-size: .875rem;
	color: var(--cb-suave);
	cursor: default;
}

.cb-aviso {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}