/* =============================================================
   SDE Parceiros — Carrossel de logos
   ============================================================= */

/* Wrapper: esconde overflow e aplica fade nas bordas */
.sde-parceiros-wrap {
	overflow: hidden;
	width: 100%;
	padding: 40px 0;
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 8%,
		#000 92%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 8%,
		#000 92%,
		transparent 100%
	);
}

/* Track: flex container dos dois reels (original + clone) */
.sde-parceiros-track {
	display: flex;
	width: max-content;
}

/* Reel: fileira de logos que se move */
.sde-parceiros-reel {
	display: flex;
	align-items: center;
	gap: 56px;
	flex-shrink: 0;
	animation: sde-parc-scroll linear infinite;
	/* duração definida inline pelo shortcode */
}

/* Pausa ao hover no wrapper inteiro */
.sde-parceiros-wrap:hover .sde-parceiros-reel {
	animation-play-state: paused;
}

@keyframes sde-parc-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* ── Item ────────────────────────────────────────────────── */
.sde-parceiro-item {
	flex-shrink: 0;
}

.sde-parceiro-item > a,
.sde-parceiro-item > span {
	display: block;
	line-height: 0;
}

/* ── Logo ────────────────────────────────────────────────── */
.sde-parc-logo {
	display: block;
	/* altura definida inline pelo shortcode */
	width: auto;
	max-width: 218px;
	object-fit: contain;
	border-radius: 20px;
	transition: filter 0.3s ease;
	/* cinza por padrão */
	filter: grayscale(100%) opacity(0.6);
}

/* Ao pausar (hover no wrapper): todos ficam coloridos */
.sde-parceiros-wrap:hover .sde-parc-logo {
	filter: grayscale(0%) opacity(1) brightness(1.08) drop-shadow(0 2px 8px rgba(0,0,0,0.12));
}

/* Hover em item específico: colorido com leve destaque */
.sde-parceiro-item > a:hover .sde-parc-logo,
.sde-parceiro-item > span:hover .sde-parc-logo {
	filter: grayscale(0%) opacity(1) brightness(1.05) drop-shadow(0 2px 8px rgba(0,0,0,0.12));
}

/* ── Responsivo ──────────────────────────────────────────── */
@media (max-width: 600px) {
	.sde-parceiros-reel { gap: 36px; }
	.sde-parc-logo { max-width: 100px; }
}