/* Ampliar fotos da matéria (zoom.js). */
.mc-zoomavel { cursor: zoom-in; }
.mc-zoomavel:focus-visible { outline: 3px solid var(--mc-cor-foco); outline-offset: 2px; }
html.mc-zoom-aberto, html.mc-zoom-aberto body { overflow: hidden; }

.mc-zoom {
	position: fixed; inset: 0; z-index: 100000; display: grid; grid-template-rows: auto 1fr auto;
	background: #08090b; color: #fff; user-select: none; -webkit-user-select: none;
}
.mc-zoom[hidden] { display: none; }
.mc-zoom__barra {
	position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between;
	padding: 8px 8px 8px 16px; padding-top: max(8px, env(safe-area-inset-top));
}
.mc-zoom__contador { font-size: 0.875rem; font-weight: 600; opacity: 0.85; font-variant-numeric: tabular-nums; }
.mc-zoom__acoes { display: flex; gap: 4px; }
.mc-zoom__bt, .mc-zoom__nav {
	display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0;
	border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #fff; cursor: pointer;
}
.mc-zoom__bt:hover, .mc-zoom__nav:hover { background: rgba(255, 255, 255, 0.22); }
.mc-zoom__bt:focus-visible, .mc-zoom__nav:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.mc-zoom__bt svg, .mc-zoom__nav svg { width: 22px; height: 22px; }
.mc-zoom__palco {
	position: relative; overflow: hidden; display: grid; place-items: center; min-height: 0;
	touch-action: none; cursor: grab;
}
.mc-zoom:not(.is-zoom) .mc-zoom__palco { cursor: zoom-in; }
.mc-zoom__foto {
	max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;
	transform-origin: center center; will-change: transform; -webkit-user-drag: none;
}
.mc-zoom.is-carregando .mc-zoom__foto { opacity: 0.6; }
.mc-zoom__nav { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; background: rgba(0, 0, 0, 0.45); }
.mc-zoom__nav--prev { left: 10px; }
.mc-zoom__nav--prox { right: 10px; }
.mc-zoom__nav[hidden] { display: none; }
.mc-zoom.is-zoom .mc-zoom__nav, .mc-zoom.is-zoom .mc-zoom__legenda { opacity: 0; pointer-events: none; }
.mc-zoom__legenda {
	margin: 0; padding: 10px 16px; padding-bottom: max(12px, env(safe-area-inset-bottom));
	font-size: 0.875rem; line-height: 1.45; text-align: center; color: rgba(255, 255, 255, 0.85);
	max-height: 30vh; overflow: auto; transition: opacity 160ms ease;
}
.mc-zoom__legenda[hidden] { display: block; visibility: hidden; padding-top: 0; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.mc-zoom__dica {
	position: absolute; left: 50%; bottom: 64px; transform: translateX(-50%); margin: 0; padding: 8px 14px;
	border-radius: 999px; background: rgba(0, 0, 0, 0.7); font-size: 0.8125rem; white-space: nowrap;
	opacity: 0; pointer-events: none; transition: opacity 300ms ease;
}
.mc-zoom.com-dica .mc-zoom__dica { opacity: 1; }
@media (hover: hover) and (pointer: fine) { .mc-zoom__dica { display: none; } }
@media (max-width: 599px) {
	.mc-zoom__nav { width: 40px; height: 40px; }
	.mc-zoom__nav--prev { left: 6px; }
	.mc-zoom__nav--prox { right: 6px; }
}