/**
 * Divisores entre secciones (home y /neumaticos): carril de logos de marcas de neumáticos.
 */

/* Marquesina neumáticos (misma idea que /neumaticos) */
.home-marquee-divider--neumaticos.brands-marquee-section {
    background: #ffffff;
    padding: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0;
}
.home-marquee-divider--neumaticos .brands-marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}
.home-marquee-divider--neumaticos .brands-marquee-track {
    display: flex;
    align-items: center;
    gap: 4rem;
    animation: homeBrandsMarquee 40s linear infinite;
    will-change: transform;
    width: fit-content;
}
.home-marquee-divider--neumaticos .brand-logo-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 70px;
    min-width: 150px;
    max-width: 150px;
}
.home-marquee-divider--neumaticos .brand-logo-img {
    height: 70px;
    width: auto;
    max-width: 150px;
    object-fit: contain;
    object-position: center;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}
.home-marquee-divider--neumaticos .brand-logo-img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}
@keyframes homeBrandsMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
    .home-marquee-divider--neumaticos .brand-logo-item {
        height: 50px;
        min-width: 120px;
        max-width: 120px;
        padding: 0 0.75rem;
    }
    .home-marquee-divider--neumaticos .brand-logo-img {
        height: 50px;
        max-width: 120px;
    }
    .home-marquee-divider--neumaticos .brands-marquee-track { gap: 3rem; }
}
@media (max-width: 480px) {
    .home-marquee-divider--neumaticos .brand-logo-item {
        height: 45px;
        min-width: 100px;
        max-width: 100px;
        padding: 0 0.5rem;
    }
    .home-marquee-divider--neumaticos .brand-logo-img {
        height: 45px;
        max-width: 100px;
    }
    .home-marquee-divider--neumaticos .brands-marquee-track { gap: 2rem; }
}