.taofoods-marquee-textos {
	--taofoods-marquee-duration: 18s;
	--taofoods-marquee-gap: 2rem;
	--taofoods-marquee-glow: transparent;
	--taofoods-marquee-stripe-opacity: 0.08;

	align-items: center;
	background: #07a63c;
	box-sizing: border-box;
	color: #fff;
	contain: layout style paint;
	display: flex;
	isolation: isolate;
	min-height: 56px;
	overflow: hidden;
	padding: 0.6rem 0;
	position: relative;
	user-select: none;
	width: 100%;
}

.taofoods-marquee-textos *,
.taofoods-marquee-textos *::before,
.taofoods-marquee-textos *::after {
	box-sizing: border-box;
}

.taofoods-marquee-textos::before {
	background:
		repeating-linear-gradient(
			135deg,
			rgba(255, 255, 255, var(--taofoods-marquee-stripe-opacity)) 0 1px,
			transparent 1px 14px
		);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.taofoods-marquee-textos--fade {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}

.taofoods-marquee-textos__track {
	animation: taofoods-marquee-textos-scroll var(--taofoods-marquee-duration) linear infinite;
	display: flex;
	flex: 0 0 auto;
	min-width: 100%;
	position: relative;
	width: max-content;
	will-change: transform;
	z-index: 1;
}

.taofoods-marquee-textos--right .taofoods-marquee-textos__track {
	animation-direction: reverse;
}

.taofoods-marquee-textos--pause-hover:hover .taofoods-marquee-textos__track {
	animation-play-state: paused;
}

.taofoods-marquee-textos__group {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex: 0 0 auto;
	gap: var(--taofoods-marquee-gap);
	justify-content: space-around;
	min-width: 100%;
	padding-right: var(--taofoods-marquee-gap);
	width: max-content;
}

.taofoods-marquee-textos__item,
.taofoods-marquee-textos__separator {
	align-items: center;
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
	text-shadow: 0 0 18px var(--taofoods-marquee-glow);
	white-space: nowrap;
}

.taofoods-marquee-textos__separator {
	opacity: 0.75;
}

@keyframes taofoods-marquee-textos-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.taofoods-marquee-textos__track {
		animation-duration: calc(var(--taofoods-marquee-duration) * 2);
	}
}