/* Mercadologia Galerias JetEngine — Faixas contínuas (logos e texto) */

.mjg-marquee {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.mjg-marquee--fade {
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--mjg-fade, 8%), #000 calc(100% - var(--mjg-fade, 8%)), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 var(--mjg-fade, 8%), #000 calc(100% - var(--mjg-fade, 8%)), transparent 100%);
}

.mjg-marquee__row { display: flex; width: 100%; overflow: hidden; }
.mjg-marquee__row + .mjg-marquee__row { margin-top: var(--mjg-row-gap, 20px); }

.mjg-marquee__track {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	width: max-content;
}

.mjg-marquee.is-ready .mjg-marquee__track {
	animation: mjg-marquee var(--mjg-dur, 30s) linear infinite;
	will-change: transform;
}
.mjg-marquee__row--right .mjg-marquee__track { animation-direction: reverse !important; }

@keyframes mjg-marquee {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(calc(var(--mjg-shift, 0px) * -1), 0, 0); }
}

.mjg-marquee__group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: var(--mjg-gap, 48px);
	padding-right: var(--mjg-gap, 48px);
}

/* Pausas: mouse em cima, foco do teclado num link, fora da tela */
@media (hover: hover) {
	.mjg-marquee--hover-pause:hover .mjg-marquee__track { animation-play-state: paused; }
}
.mjg-marquee:focus-within .mjg-marquee__track,
.mjg-marquee.is-offscreen .mjg-marquee__track { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
	.mjg-marquee .mjg-marquee__track { animation: none !important; }
	.mjg-marquee__row { overflow-x: auto; scrollbar-width: none; }
	.mjg-marquee__row::-webkit-scrollbar { display: none; }
}

/* =========================================================================
 * Logos
 * ====================================================================== */
.mjg-logos--gray-hover { --mjg-logo-filter-d: grayscale(1); --mjg-logo-filter-h-d: none; --mjg-logo-op-d: .7; }
.mjg-logos--gray { --mjg-logo-filter-d: grayscale(1); --mjg-logo-filter-h-d: grayscale(1); --mjg-logo-op-d: .75; }
.mjg-logos--fade-hover { --mjg-logo-op-d: .45; }
.mjg-logos--white { --mjg-logo-filter-d: brightness(0) invert(1); --mjg-logo-filter-h-d: brightness(0) invert(1); --mjg-logo-op-d: .75; }

.mjg-marquee .mjg-logo {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: var(--mjg-box-bg, transparent);
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.mjg-marquee .mjg-logo:hover { background: var(--mjg-box-bg-h, var(--mjg-box-bg, transparent)); }

.mjg-marquee .mjg-logo img {
	display: block;
	width: auto;
	height: var(--mjg-logo-h, 48px);
	max-width: var(--mjg-logo-maxw, 170px);
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	object-fit: contain;
	opacity: var(--mjg-logo-op, var(--mjg-logo-op-d, 1));
	filter: var(--mjg-logo-filter-d, none);
	transition: filter .35s ease, opacity .35s ease, transform .35s ease;
}
.mjg-marquee .mjg-logo:hover img {
	opacity: var(--mjg-logo-op-h, 1);
	filter: var(--mjg-logo-filter-h-d, none);
	transform: scale(var(--mjg-logo-scale-h, 1.06));
}

.mjg-logos--boxed .mjg-logo {
	width: var(--mjg-box-w, 200px);
	height: var(--mjg-box-h, 110px);
	padding: 18px;
}
.mjg-logos--boxed .mjg-logo img { max-width: 100%; max-height: 100%; }

/* =========================================================================
 * Faixa de texto
 * ====================================================================== */
.mjg-ticker-band {
	position: relative;
	box-sizing: border-box;
	margin-left: calc(var(--mjg-extend, 0px) * -1);
	margin-right: calc(var(--mjg-extend, 0px) * -1);
	padding: 14px 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	transform: rotate(var(--mjg-rot, 0deg));
}

.mjg-ticker__item {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: var(--mjg-icon-gap, .45em);
	white-space: nowrap;
	color: var(--mjg-text-color, inherit);
	font: inherit;
	text-decoration: none;
	transition: color .25s ease;
}
a.mjg-ticker__item:hover,
a.mjg-ticker__item:focus-visible { color: var(--mjg-text-color-h, var(--mjg-text-color, inherit)); }
a.mjg-ticker__item:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

.mjg-ticker__text { text-decoration: none; }
.mjg-ticker--hover-underline a.mjg-ticker__item:hover .mjg-ticker__text {
	text-decoration: underline;
	text-decoration-thickness: max(1px, .06em);
	text-underline-offset: .2em;
}

/* Vazado (contorno). Usa text-fill para o contorno herdar a cor do texto. */
.mjg-ticker--outline .mjg-ticker__text,
.mjg-ticker--alt .is-alt .mjg-ticker__text {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: var(--mjg-stroke-w, 1.2px) currentColor;
	transition: -webkit-text-fill-color .3s ease;
}
.mjg-ticker--hover-fill a.mjg-ticker__item:hover .mjg-ticker__text { -webkit-text-fill-color: currentColor; }

.mjg-ticker__icon {
	display: inline-flex;
	align-items: center;
	font-size: var(--mjg-icon-size, 1em);
	color: var(--mjg-icon-color, currentColor);
	line-height: 1;
}
.mjg-ticker__icon svg { width: 1em; height: 1em; fill: currentColor; }

.mjg-ticker__sep {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	font-size: var(--mjg-sep-size, .7em);
	line-height: 1;
	color: var(--mjg-sep-color, var(--mjg-text-color, currentColor));
}
.mjg-ticker__sep svg { display: block; width: 1em; height: 1em; }
.mjg-ticker__sep i { line-height: 1; }
.mjg-ticker__sep-text { font-size: 1.4em; line-height: 1; }

/* Aviso no editor */
.mjg-editor-notice {
	padding: 18px 20px;
	border: 1px dashed #c3c4c7;
	background: #f6f7f7;
	color: #50575e;
	font-size: 14px;
	text-align: center;
}