/*
 * v-detail-collections — ficha de archivo (fondo, sección, serie…), plantilla
 * template_archivo. Columna principal: nivel, título, fechas, descripción y
 * los campos ISAD (pestañas por área, filas etiqueta | valor con filetes),
 * cita y herramientas. A la derecha, "ubicación en el fondo": el código y el
 * árbol (siempre visible en ancho; en angosto se despliega desde la ruta).
 * Abajo, los documentos de la unidad sobre la banda.
 */
@layer views {
	.v-detail-collections {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto minmax(15rem, 21rem);
		/* ruta | navegación | código | árbol | (resto de la columna principal) | documentos */
		grid-template-rows: auto auto min-content min-content 1fr auto;
		align-items: start;
		column-gap: var(--space-s);
	}
	.v-detail-collections > * { grid-column: 1 / -1; }
	.v-detail-collections > .c-breadcrumb { grid-row: 1; padding-block: var(--space-2xs) var(--space-s); }
	.v-detail-collections > .c-detail-nav__back { grid-row: 2; grid-column: 1; }
	.v-detail-collections > .detailNavBgLeft { grid-row: 2; grid-column: 3; justify-self: end; }
	.v-detail-collections > .detailNavBgRight { grid-row: 2; grid-column: 4; justify-self: end; }
	.v-detail-collections > div:not([class]) { display: contents; }
	.v-detail-collections > div:not([class]) > div:first-child { grid-column: 1 / 3; grid-row: 3 / span 3; padding-inline-end: var(--space-xl); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-m); margin-block-start: var(--space-l); }
	.v-detail-collections > div:not([class]) > div:nth-child(2) { grid-column: 3 / -1; grid-row: 3; margin-block-start: var(--space-l); }
	.v-detail-collections > .c-tree { grid-column: 3 / -1; grid-row: 4; }
	.v-detail-collections > div:not([class]) > :nth-child(n+3) { grid-column: 1 / -1; grid-row: 6; }
	.v-detail-collections > *, .v-detail-collections > div:not([class]) > * { min-inline-size: 0; }

	/* encabezado de la unidad */
	.c-collection-header__section { color: var(--color-accent-text); font-family: var(--font-body); font-size: var(--step--2); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
	.c-collection-header__section::first-letter { text-transform: uppercase; }
	.c-collection-header__title { font-size: var(--step-5); margin-block: var(--space-2xs) var(--space-3xs); }
	.c-collection-header__title + h3 { font-size: var(--step-2); color: var(--color-muted); }
	.v-detail-collections div:has(> .c-collection-header__title) + div { font-size: var(--step-1); line-height: 1.55; max-inline-size: 48ch; color: var(--color-muted); }

	/* campos ISAD: pestañas por área y filas etiqueta | valor */
	.v-detail-collections .c-metadata .c-tabs { border-block-end: 1px solid var(--color-strong); }
	.v-detail-collections .c-metadata .c-tabs__panels { padding-block-start: var(--space-xs); }
	.v-detail-collections .c-metadata dl { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 2.4fr); margin: 0; }
	.v-detail-collections .c-metadata :is(dt, dd) { padding-block: var(--space-xs); border-block-end: 1px solid var(--color-rule); }
	.v-detail-collections .c-metadata dt { font-family: var(--font-heading); font-size: var(--step-0); color: var(--color-strong); padding-inline-end: var(--space-s); }
	.v-detail-collections .c-metadata dd { margin: 0; }
	.v-detail-collections .c-metadata dd.paragraph-text { max-inline-size: var(--measure); }

	/* ubicación en el fondo: código + árbol en un recuadro */
	.v-detail-collections > div:not([class]) > div:nth-child(2) pre {
		margin: 0;
		padding: var(--space-s) var(--space-m) 0;
		background: var(--color-soft);
		font-family: var(--font-body);
		font-size: var(--step--2);
		font-weight: 600;
		letter-spacing: 0.08em;
		color: var(--color-accent-text);
		white-space: normal;
	}
	.v-detail-collections > .c-tree {
		padding: var(--space-s) var(--space-m) var(--space-m);
		background: var(--color-soft);
		border-block-start: 0;
	}
	/* en ancho el árbol está siempre a la vista: sin botón de la ruta ni "Cerrar" */
	@media (width >= 56rem) {   /* la grilla es la del propio <main>: media query, no container query */
		.v-detail-collections > .c-tree[data-state="closed"] { display: block; }
		.v-detail-collections .c-breadcrumb__tree, .v-detail-collections .c-tree__close { display: none; }
	}

	/* documentos de la unidad */
	.v-detail-collections > div:not([class]) > :nth-child(n+3) { display: grid; margin-block-start: var(--space-l); }
	.v-detail-collections > div:not([class]) > :nth-child(n+3):not(:has(.related-title)) .c-results-nav__count { font-family: var(--font-heading); font-size: var(--step-3); font-weight: 400; margin-block-end: var(--space-m); }
	.v-detail-collections .c-results__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); gap: var(--space-m); }
	.v-detail-collections .u-hide-on-entity-detail:empty { display: none; }
	.bResultItemImg .bResultItemImgPlaceholder { inline-size: 100%; aspect-ratio: var(--card-ratio); font-size: 2rem; }
	#pageArea.v-detail-collections:has(> div:not([class]) > :nth-child(3)) { padding-block-end: 0; }
	.v-detail-collections .related-title { font-size: var(--step-3); margin-block-end: var(--space-m); }
	.v-detail-collections .related-title::after { content: ""; display: inline-block; inline-size: 0.28em; aspect-ratio: 1; margin-inline-start: 0.22em; border-radius: 50%; background: var(--color-accent); vertical-align: 0.6em; }
	.v-detail-collections > div:not([class]) > :nth-child(n+3) .c-results-nav:has(+ .related-title) { display: none; }   /* "6" suelto: el título ya dice qué son */
	.v-detail-collections > div:not([class]) > :nth-child(n+3) .list_wrapper { background: var(--color-surface); padding-inline: var(--space-m); border-block-start: 0; }

	/* angosto: una columna; el árbol se despliega desde la ruta.
	   (Media query: una container query no puede cambiar la grilla del propio contenedor.) */
	@media (width < 56rem) {
		.v-detail-collections { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-rows: none; }
		.v-detail-collections > div:not([class]) > :nth-child(n+3) { grid-row: 5; }
		.v-detail-collections > .detailNavBgRight { grid-column: 3; }
		.v-detail-collections > .detailNavBgLeft { grid-column: 2; }
		.v-detail-collections > .c-tree { grid-column: 1 / -1; grid-row: 3; margin-block-start: var(--space-s); }
		.v-detail-collections > div:not([class]) > div:first-child { grid-column: 1 / -1; grid-row: 4; padding-inline-end: 0; }
		.v-detail-collections > div:not([class]) > div:nth-child(2) { display: none; }
		.v-detail-collections .c-metadata dl { grid-template-columns: minmax(0, 1fr); }
		.v-detail-collections .c-metadata dt { border-block-end: 0; padding-block-end: 0; }
		.v-detail-collections .c-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-s); }
	}
}