/**
 * Foto em tela cheia (tela-cheia.js): regra geral do site para fotos do conteúdo.
 */
img[data-tela-cheia-pronta] { cursor: zoom-in; }
img[data-tela-cheia-pronta]:focus-visible { outline: 3px solid #361C75; outline-offset: 3px; }
.ecossistema-sem-rolagem { overflow: hidden; }
.ecossistema-tela-cheia {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 56px 16px;
	background: rgba(6, 0, 21, .94);
}
.ecossistema-tela-cheia[hidden] { display: none; }
.ecossistema-tela-cheia img { max-width: calc(100% - 120px); max-height: 100%; object-fit: contain; }
.ecossistema-tela-cheia button {
	all: unset;
	box-sizing: border-box;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 3px;
	color: #FFFEEE;
	font: 400 34px/1 Arial, sans-serif;
	cursor: pointer;
}
.ecossistema-tela-cheia button:hover { background: rgba(255, 254, 238, .12); }
.ecossistema-tela-cheia button:focus-visible { outline: 3px solid #FEBC0F; outline-offset: 2px; }
/* Mais específico que o reset dos botões acima, senão o Fechar perde a posição. */
.ecossistema-tela-cheia .ecossistema-tela-cheia__fechar { position: absolute; top: 12px; right: 12px; }
@media (max-width: 680px) {
	.ecossistema-tela-cheia { padding: 56px 0; gap: 0; }
	.ecossistema-tela-cheia img { max-width: 100%; }
	.ecossistema-tela-cheia .ecossistema-tela-cheia__seta { position: absolute; bottom: 12px; }
	.ecossistema-tela-cheia .ecossistema-tela-cheia__seta[data-passo="-1"] { left: 12px; }
	.ecossistema-tela-cheia .ecossistema-tela-cheia__seta[data-passo="1"] { right: 12px; }
}

.ecossistema-tela-cheia .ecossistema-tela-cheia__seta[hidden] { display: none; }