/*
 * explorar.css — ajustes específicos da página-mãe Explorar (/explorar/).
 * Formulário de busca do herói e o estado visual de "em construção" nos
 * cards de frentes ainda sem conteúdo classificado no Core.
 */

.jj-explorar-search {
	display: flex;
	flex-wrap: wrap;
	gap: var(--jj-space-3);
	max-width: 560px;
	margin-top: var(--jj-space-6);
}

.jj-explorar-search input[type="search"] {
	flex: 1 1 260px;
	min-height: 44px;
	padding: 0 var(--jj-space-4);
	border: 1px solid var(--jj-color-border);
	border-radius: var(--jj-radius-md);
	background: var(--jj-color-surface-1);
	color: inherit;
	font-size: var(--jj-text-base, 1rem);
}

.jj-explorar .jj-card--pending {
	opacity: .75;
	border-style: dashed;
}