/* Barra de filtros (archive-resource / archive-event). Condicional. */
@layer components {
	.filter-bar {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-s);
		margin-block: var(--space-m);
	}
	.filter-bar select {
		padding: .5rem .75rem;
		border: 1px solid var(--c-line);
		border-radius: 999px;
		background: var(--c-surface);
	}

	.pagination { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-m); }
	.pagination__link {
		padding: .4rem .8rem;
		border: 1px solid var(--c-line);
		border-radius: 8px;
		background: var(--c-surface);
	}
	.pagination__link[aria-current="page"] { background: var(--c-brand); color: #fff; border-color: var(--c-brand); }

	/* HTMX añade .htmx-request al elemento mientras hay una petición en vuelo */
	body.is-loading #results { opacity: .6; transition: opacity .2s; }
}