.mlw-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border-top: 0 solid transparent;
	border-bottom: 0 solid transparent;
}

.mlw-wrapper * {
	box-sizing: border-box;
}

.mlw-wrapper.mlw-border-top {
	border-top-style: solid;
}

.mlw-wrapper.mlw-border-bottom {
	border-bottom-style: solid;
}

.mlw-track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation-name: mlwScrollLeft;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

/* Dirección: por defecto la animación va hacia la izquierda.
   Para "derecha" se usa el mismo keyframe pero en reversa, así no hace
   falta duplicar el @keyframes. */
.mlw-wrapper.mlw-direction-right .mlw-track {
	animation-direction: reverse;
}

/* Pausa al pasar el mouse: solo se activa si el widget trae la clase
   mlw-pause-enabled (controlada desde el switcher "Pausar al pasar el
   mouse" en Elementor). */
.mlw-wrapper.mlw-pause-enabled:hover .mlw-track {
	animation-play-state: paused;
}

/* Pausa al hacer clic/tocar: alterna la clase mlw-paused-by-click mediante
   assets/js/script.js. Solo aplica si el widget tiene activado el switcher
   "Pausar al hacer clic / tocar" (clase mlw-click-pause-enabled). */
.mlw-wrapper.mlw-click-pause-enabled {
	cursor: pointer;
}

.mlw-wrapper.mlw-paused-by-click .mlw-track {
	animation-play-state: paused;
}

.mlw-set {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.mlw-item {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	line-height: 1.1;
}

/* Estilo "Relleno": color sólido normal. */
.mlw-item.mlw-style-filled {
	-webkit-text-stroke-width: 0;
}

/* Estilo "Contorno": por defecto (Firefox y navegadores sin soporte de
   -webkit-text-stroke) se muestra el texto RELLENO con el color de
   contorno — nunca queda invisible. Solo en navegadores que sí soportan
   -webkit-text-stroke (Chrome, Edge, Safari) se activa el efecto real de
   "solo borde, relleno transparente" dentro del bloque @supports. */
.mlw-item.mlw-style-outline {
	color: var( --mlw-outline-color, #ffffff );
}

@supports ( -webkit-text-stroke: 1px black ) {
	.mlw-item.mlw-style-outline {
		color: transparent;
		-webkit-text-stroke-color: var( --mlw-outline-color, #ffffff );
		-webkit-text-stroke-width: var( --mlw-outline-width, 1px );
	}
}

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

@media (prefers-reduced-motion: reduce) {
	.mlw-track {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}