/* ============================================================
   KOMFY HOME STRIP — Banda azul marquee con estrellas amarillas.
   Handoff: HomeStrip (Home.jsx). Scope: .komfy-home-strip
   ============================================================ */

.komfy-home-strip {
	background: #0047BB;
	color: #fff;
	padding: 18px 0;
	overflow: hidden;
	position: relative;
	margin-top: 80px;
}

@media (max-width: 767px) {
	.komfy-home-strip {
		margin-top: 48px;
	}
}

.komfy-home-strip-track {
	display: flex;
	align-items: center;
	white-space: nowrap;
	width: max-content;
	animation: komfy-strip-marquee 32s linear infinite;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 0.01em;
}

.komfy-home-strip-item {
	padding: 0 24px;
	display: inline-flex;
	align-items: center;
}

.komfy-home-strip-star {
	color: #F5C518;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
}

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

/* Pausar al hover (accesibilidad / UX) */
.komfy-home-strip:hover .komfy-home-strip-track {
	animation-play-state: paused;
}

/* Respetar usuarios con prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.komfy-home-strip-track {
		animation: none;
		transform: none;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		white-space: normal;
	}
}

/* Mobile: tipografía y ritmo más compactos */
@media (max-width: 767px) {
	.komfy-home-strip {
		padding: 14px 0;
	}
	.komfy-home-strip-track {
		font-size: 17px;
		animation-duration: 26s;
	}
	.komfy-home-strip-item {
		padding: 0 14px;
	}
	.komfy-home-strip-star {
		font-size: 16px;
	}
}