/*
 * v-search-results — búsqueda general: el término en grande y las pestañas
 * por tipo sobre la banda; en cada pestaña, la barra de resultados (cantidad,
 * "ver todos", orden) y la tabla o la grilla.
 */
@layer views {
	.v-search-results {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-content: start;
	}
	.v-search-results > * { grid-column: 1; }
	.v-search-results::before {   /* la banda detrás del título y las pestañas */
		content: "";
		grid-row: 1 / span 2;
		grid-column: 1;
		margin-block-start: calc(-1 * var(--space-l));
		background: var(--color-band);
		box-shadow: 0 0 0 100vmax var(--color-band);
		clip-path: inset(0 -100vmax);
	}
	.v-search-results .c-search-summary {
		grid-row: 1;
		position: relative;
		padding-block: var(--space-m) var(--space-s);
		font-family: var(--font-heading);
		font-size: var(--step-4);
		font-weight: 400;
		line-height: var(--leading-tight);
		color: var(--color-strong);
	}
	.c-search-summary__term { font-style: italic; }
	.v-search-results .c-tabs { grid-row: 2; position: relative; }
	.v-search-results .c-tabs__panels { padding-block-start: var(--space-l); }

	.v-search-results .c-results-nav { margin-block-end: var(--space-m); }
	.c-results-nav__all {
		padding: 0.4em 1.2em;
		border: 1px solid var(--color-rule);
		border-radius: var(--radius-pill);
		color: var(--color-strong);
		font-family: var(--font-institutional);
		font-size: var(--nav-size);
		font-weight: var(--nav-weight);
		letter-spacing: 0.02em;
		text-decoration: none;
	}
	.c-results-nav__all::after { content: " ›"; }
	.c-results-nav__all:hover { border-color: var(--color-accent); background: var(--color-band); }
	.c-sortby.hidden { display: none; }
	.v-search-results .c-results__more { display: none; }   /* la búsqueda general pagina por páginas */

	/* sin resultados: el core deja solo un <h4> */
	.v-search-results > h4:only-of-type {
		grid-row: 1;
		position: relative;
		padding-block: var(--space-m) var(--space-l);
		font-size: var(--step-3);
	}
	.v-search-results:not(:has(.c-tabs))::before { grid-row: 1; }
}