/* CARRUSEL DISCIPLINAR V1 */

.disciplina-marquee-section {
    --marquee-gap: 16px;
    background-color: transparent !important;
    padding: 40px 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    position: relative !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.disciplina-marquee-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
}

.disciplina-marquee-wrapper {
    display: flex !important;
    width: 100% !important;
    overflow: hidden !important;
}

.disciplina-marquee-track {
    display: flex !important;
    gap: var(--marquee-gap) !important;
    will-change: transform !important;
}

.disciplina-track-1 {
    animation: scroll-disciplina-left 80s linear infinite !important;
}

.disciplina-track-2 {
    animation: scroll-disciplina-right 80s linear infinite !important;
    animation-delay: -40s !important;
}

.disciplina-track-3 {
    animation: scroll-disciplina-left 80s linear infinite !important;
    animation-delay: -20s !important;
}

@keyframes scroll-disciplina-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - var(--marquee-gap) / 2));
    }
}

@keyframes scroll-disciplina-right {
    0% {
        transform: translateX(calc(-50% - var(--marquee-gap) / 2));
    }
    100% {
        transform: translateX(0);
    }
}

.disciplina-marquee-img {
    height: 320px !important;
    width: 480px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.06) !important;
    transition: transform 0.3s ease !important;
    flex-shrink: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
    .disciplina-marquee-img:hover {
        transform: scale(1.02) !important;
    }
}

@media (max-width: 768px) {
    .disciplina-marquee-section {
        --marquee-gap: 8px;
        padding: 20px 0 !important;
    }
    .disciplina-marquee-container {
        gap: 8px !important;
    }
    .disciplina-marquee-img {
        height: 180px !important;
        width: 270px !important;
        border-radius: 8px !important;
    }
}