.b-marquee-logos {
    padding: var(--space-lg) 0;
    overflow: hidden;
    border-top: 1px solid var(--gris-medio);
    border-bottom: 1px solid var(--gris-medio);
}

.b-marquee-logos__title {
    text-align: center;
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--gris-claro);
    margin-bottom: var(--space-md);
}

.b-marquee-logos__track {
    display: flex;
    width: 100%;
}

.b-marquee-logos__inner {
    display: flex;
    align-items: center;
    gap: var(--space-xl);
    flex-shrink: 0;
    padding-right: var(--space-xl);
    animation: von-marquee var(--marquee-speed, 30s) linear infinite;
    animation-direction: var(--marquee-direction, normal);
}

.b-marquee-logos--pausable:hover .b-marquee-logos__inner {
    animation-play-state: paused;
}

.b-marquee-logos__inner img,
.b-marquee-logos__inner .wp-block-image {
    height: 32px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    filter: grayscale(1) brightness(0.6);
    opacity: 0.5;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.b-marquee-logos--pausable:hover .b-marquee-logos__inner img,
.b-marquee-logos--pausable:hover .b-marquee-logos__inner .wp-block-image {
    filter: grayscale(0);
    opacity: 1;
}

@keyframes von-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}