.marcas { background: var(--superficie); border-block: 1px solid var(--borde); overflow: hidden; }
.marquee { overflow: hidden; }
.marquee-pista {
    display: flex;
    align-items: center;
    gap: clamp(2.5rem, 6vw, 5rem);
    width: max-content;
    animation: marquee 34s linear infinite;
}
.marquee:hover .marquee-pista { animation-play-state: paused; }
.marca-logo { flex-shrink: 0; }
.marca-logo img {
    height: 44px; width: auto; max-width: 160px;
    object-fit: contain;
    display: block;
    filter: grayscale(1);
    opacity: .55;
    transition: filter .25s ease, opacity .25s ease, transform .25s ease;
}
.marca-logo img:hover { filter: grayscale(0); opacity: 1; transform: scale(1.06); }

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    .marquee-pista { animation: none; flex-wrap: wrap; justify-content: center; width: auto; row-gap: 1.4rem; }
    .marca-logo img { opacity: 1; filter: none; }
}