/*
 * c-viewer — visor de alta resolución de la ficha (js/c-viewer.js).
 *   --mode: modal | inline   (por defecto modal: el visor se abre en caMediaPanel)
 *   --viewer-block-size       alto del visor cuando se abre en la página
 * .c-viewer--embed: lector embebido (PDF); queda abierto, así que la × del core sobra.
 * Lo visual lo pone cada theme.
 */
@layer components {
	.c-viewer { --mode: modal; --viewer-block-size: 75vh; }

	/* activo en la página: el visor del core necesita un contenedor con alto */
	/* el lienzo del visor es más grande que su caja a propósito (tileviewer):
	   hay que recortarlo, o tapa lo que está alrededor (el botón de volver) */
	.c-viewer[data-state="active"] .c-viewer__stage { block-size: var(--viewer-block-size); position: relative; overflow: hidden; }
	.c-viewer[data-state="active"] :is(#caMediaOverlayContent, .tileviewer) { block-size: 100%; }
	.c-viewer[data-state="loading"] .c-viewer__stage { opacity: 0.6; }
	.c-viewer--embed { --viewer-block-size: max(80vh, 32rem); }
	.c-viewer--embed[data-state="active"] .c-close { display: none; }
}