/**
 * Galeria com a classe "ecossistema-carrossel": trilho de fotos de ponta a ponta,
 * no padrão das páginas de curso (altura fixa, sem espaço entre fotos, sem barra).
 * O script (blocos.js) faz deslizar sozinho, arrastar e abrir em tela cheia.
 * Sem JavaScript, continua um trilho com rolagem manual.
 */
.wp-block-gallery.ecossistema-carrossel {
	--trilho-altura: 340px;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	width: 100vw;
	max-width: none !important;
	margin: 0 0 0 calc(50% - 50vw) !important;
	padding: 0 !important;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}
.wp-block-gallery.ecossistema-carrossel::-webkit-scrollbar { display: none; }
.wp-block-gallery.ecossistema-carrossel .wp-block-image {
	flex: 0 0 auto !important;
	width: auto !important;
	margin: 0 !important;
}
.wp-block-gallery.ecossistema-carrossel .wp-block-image img {
	display: block;
	width: auto !important;
	height: var(--trilho-altura) !important;
	max-width: none !important;
	object-fit: cover;
	border: 0;
	border-radius: 0 !important;
}
.wp-block-gallery.ecossistema-carrossel figcaption { display: none; }

/* Interação (o script liga is-pronto): arrastar com o mouse e foto clicável. */
.wp-block-gallery.ecossistema-carrossel.is-pronto { cursor: grab; }
.wp-block-gallery.ecossistema-carrossel.is-arrastando { cursor: grabbing; user-select: none; }
.wp-block-gallery.ecossistema-carrossel.is-pronto img { cursor: zoom-in; -webkit-user-drag: none; }
.wp-block-gallery.ecossistema-carrossel.is-arrastando img { cursor: grabbing; }
.wp-block-gallery.ecossistema-carrossel img:focus-visible { outline: 3px solid #361C75; outline-offset: -3px; }

@media (max-width: 680px) {
	.wp-block-gallery.ecossistema-carrossel { --trilho-altura: 240px; }
}

/* [ecossistema_popup]: botão amarelo (Design System .cl-button--yellow) e caixa */
.ecossistema-popup-acao { margin: 48px 0 0; display: flex; }
.ecossistema-popup-acao--direita { justify-content: flex-end; }
.ecossistema-popup-acao--centro { justify-content: center; }
a.ecossistema-popup-botao, a.ecossistema-popup-botao:visited {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 12px 22px;
	border-radius: 3px;
	background: #FEBC0F;
	color: #060015;
	font: 700 14px/1.3 "DM Sans", Arial, sans-serif;
	text-decoration: none;
	transition: transform .18s, filter .18s;
}
a.ecossistema-popup-botao:hover { color: #060015; filter: brightness(.94); transform: translateY(-2px); }
a.ecossistema-popup-botao:focus-visible { outline: 3px solid #060015; outline-offset: 4px; }
/* Ícone depois do texto (atributo icone, 1.8.3). */
.ecossistema-popup-botao__icone { flex: none; margin-left: 10px; }
svg.ecossistema-popup-botao__icone { width: 18px; height: 18px; }
.ecossistema-popup-botao__seta { font-size: 18px; font-weight: 400; line-height: 1; }
/* 1.9.1: ícone do banco do Identidade (tamanho proporcional ao texto, definido no painel). */
.ecossistema-popup-botao .lii-icone.ecossistema-popup-botao__icone { margin-left: .6em; vertical-align: 0; }
.ecossistema-popup {
	width: min(720px, calc(100% - 32px));
	max-height: calc(100% - 48px);
	padding: 40px 32px 32px;
	border: 0;
	border-radius: 5px;
	background: #FFFFFF;
	color: #191919;
	box-shadow: 0 20px 80px #00000055;
	overflow: auto;
}
.ecossistema-popup::backdrop { background: rgba(6, 0, 21, .72); }
.ecossistema-popup__fechar {
	all: unset;
	position: absolute;
	top: 8px;
	right: 8px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 3px;
	font: 400 30px/1 Arial, sans-serif;
	color: #757575;
	cursor: pointer;
}
.ecossistema-popup__fechar:hover { color: #191919; background: rgba(6, 0, 21, .06); }
.ecossistema-popup__fechar:focus-visible { outline: 3px solid #361C75; }
@media (max-width: 680px) { .ecossistema-popup { padding: 40px 20px 24px; } }