#background-adult-container {
    /* background: linear-gradient(to right, #000000 0%, #0e0000 60%, #0f0101 100%); */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    width: 100%;
    height: 100vh;
    overflow: hidden;
}


#banner-container .banner-adult-content {
    text-align: start;
    position: absolute;
    top: 15vh !important;
    left: 8vw;
    right: 5vw;
    max-width: 45vw;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2vh;
}

.banner-adult-content .banner-title{
    font-size: var(--font-title-adult) !important;
}

#adults-container *,
.adult-card {
    animation: none !important;
    transform-origin: center !important;
    /* transition: none !important; */
}

/* MAIN CONTAINER */
#adults-container {
    bottom: 0;
    height: 59vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100vw;
}

.swiper-wrapper.swiper-adult {
    margin-left: -35vw;
}

/* adult CARDS */
.swiper-wrapper .adults-limit-card {
    border: 2px solid transparent !important;
    border-radius: var(--border-card-radius) !important;
    height: 44vh !important;
    transform: scale(0.9) !important;
    /* transition: none !important; */
}

.swiper-wrapper .adults-limit-card.loading {
    background: #222;
}

.adults-limit-card:focus {
    animation: none !important;
    border: 4px inset transparent;
    box-shadow: 0 0 0 4px var(--color-app-primary);
    opacity: 1;
    outline: none;
    transform: scale(0.94) !important;
    transition: transform 0.2s ease !important;
}

@media (max-width: 1000px) {
    #adults-container {
        bottom: 0;
        height: 58vh;
        left: 0;
        overflow: hidden;
        position: absolute;
        width: 100vw;
    }

    .swiper-wrapper .adults-limit-card {
        height: 41vh !important;
        transform: scale(0.83) !important;
    }

    .adults-limit-card:focus {
        box-shadow: 0 0 0 2px var(--color-app-primary);
        transform: scale(0.85) !important;
    }
}

.sinopse-background-adult {
    background-size: contain !important;
    background-position: right !important;
    background-repeat: repeat !important;
}