/* CCM Tienda — sección Marcas (marquee). Encapsulado bajo .ccmts-marcas. */
.ccmts-marcas{
    border-block: 1px solid rgba(255,255,255,.08);
    background: #0a0708;
    padding-block: clamp(48px, 7vw, 80px);
    overflow: hidden;
    font-family: "founder grotesk CCM", "Founders Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ccmts-marcas__head{ text-align: center; margin-bottom: 40px; padding-inline: 20px; }
.ccmts-marcas__eyebrow{
    display: block;
    font-weight: 500;
    font-size: clamp(20px, 1.45vw, 24px);
    line-height: 1.2;
    letter-spacing: normal;
    color: #fff;
}
.ccmts-marcas__sub{ color: rgba(255,255,255,.55); font-size: 14px; font-weight: 400; line-height: 1.5; margin: 8px 0 0; }

.ccmts-marcas__marquee{
    position: relative;
    display: flex;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.ccmts-marcas__track{
    display: flex;
    align-items: center;
    gap: 64px;
    padding-right: 64px;
    flex: none;
    animation: ccmts-marq 32s linear infinite;
    will-change: transform;
}
.ccmts-marcas__marquee:hover .ccmts-marcas__track{ animation-play-state: paused; }
@keyframes ccmts-marq{ to{ transform: translateX(-50%); } }

.ccmts-marcas__name{
    font-weight: 500;
    font-size: clamp(20px, 2.6vw, 30px);
    letter-spacing: .01em;
    color: rgba(255,255,255,.55);
    white-space: nowrap;
    opacity: .75;
    transition: color .3s, opacity .3s;
}
.ccmts-marcas__name:hover{ color: #fff; opacity: 1; }

@media (prefers-reduced-motion: reduce){
    .ccmts-marcas__track{
        animation: none;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px 48px;
        padding-right: 0;
    }
    .ccmts-marcas__dup{ display: none; }
}