/* ============================================================
   MARCH — Marquee CSS
   Fiel a Milk Bar: fondo negro sólido, texto blanco uppercase,
   tipografía bold, sin border-radius
   ============================================================ */

.march-marquee-wrap {
	overflow: hidden;
	width: 100%;
}

.march-marquee-inner {
	display: flex;
	overflow: hidden;
	width: 100%;
}

.march-marquee-track {
	display: flex;
	align-items: center;
	white-space: nowrap;
	animation: marchMarquee var(--marquee-speed, 30s) linear infinite;
	animation-direction: var(--marquee-direction, normal);
	will-change: transform;
	flex-shrink: 0;
}

/* Pausa al hover */
.march-marquee-wrap:hover .march-marquee-track {
	animation-play-state: paused;
}

.march-marquee-item {
	font-family: 'Outfit', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0 28px;
	white-space: nowrap;
	flex-shrink: 0;
	line-height: 1;
}

.march-marquee-sep {
	flex-shrink: 0;
	line-height: 1;
}

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

/* En editor de Elementor, pausar */
.elementor-editor-active .march-marquee-track {
	animation-play-state: paused;
}