#contentinter-videocast{
    color: var(--color-blue);
    margin-top: -50px;
    z-index: 0;
    position: relative;
}

#carouselExample .boxWebSeries,
#carouselVideocast .boxWebSeries {
    background-color: #fff;
    margin-top: -35px;
    border: 1px solid #e6e6e6;
}

/* Respiro entre seções reduzido apenas na resolução ~1364x768 */
@media (min-width: 1200px) and (max-width: 1400px) {
    #contentinter.py-5 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    #contentinter .container.py-5 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    #contentinter-videocast.py-5 {
        margin-top: -12px;
        padding-top: 16px !important;
        padding-bottom: 0.75rem;
    }

    #contentinter-videocast .container.py-5 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

/* Mesma redução de espaçamento entre seções (bloco acima, já cobria
   ~1364x768) agora também na faixa 1024px–1280px. #contentinter-webseries
   não entra aqui — não tem nenhum padding próprio (sem classe .py-5). */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
    #contentinter.py-5 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    #contentinter .container.py-5 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    #contentinter-videocast.py-5 {
        margin-top: -12px;
        padding-top: 16px !important;
        padding-bottom: 0.75rem;
    }

    #contentinter-videocast .container.py-5 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}