/* M11: visor de fotos. */
.clmr-viewer { width: min(1100px, 100vw); max-width: 100vw; max-height: 100dvh; padding: 8px; overflow-x: hidden; border: 0; background: transparent; }
/* A foto ocupa só o tamanho dela: o resto da tela conta como "fora", e clicar ali fecha o visor. */
.clmr-viewer-img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100dvh - 86px); margin: 0 auto; border-radius: 10px; object-fit: contain; cursor: pointer; touch-action: pan-y pinch-zoom; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
.clmr-viewer-bar { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 0 0; color: #fff; font-family: Sora, sans-serif; font-size: 14px; }
/* Setas desenhadas em CSS, no centro exato do botão. */
.clmr-viewer-bar .clmr-btn-light { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; font-size: 0; line-height: 0; }
.clmr-viewer-bar .clmr-btn-light::before { content: ""; display: block; width: 11px; height: 11px; border: solid currentColor; border-width: 2.5px 2.5px 0 0; }
.clmr-viewer-bar .clmr-btn-light[aria-label="Foto anterior"]::before { margin-left: 4px; transform: rotate(-135deg); }
.clmr-viewer-bar .clmr-btn-light[aria-label="Próxima foto"]::before { margin-right: 4px; transform: rotate(45deg); }
.clmr-viewer-count { min-width: 90px; text-align: center; }

/* A foto principal abre o visor; o selo mostra quantas fotos há. */
.clmr-capa-aberta { position: relative; cursor: zoom-in; -webkit-tap-highlight-color: transparent; }
.clmr-capa-aberta:focus-visible { outline: 2px solid #e2bc62; outline-offset: 2px; }
.clmr-capa-fotos {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 5px 11px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .72);
	color: #fff;
	font-family: Sora, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	pointer-events: none;
}
.clmr-capa-fotos .fa-images { margin-right: 3px; color: #e2bc62; }