/* Destaques editoriais da home: no mobile/tablet seguem a hierarquia do app. */
.destaque-conteudo__metadados-mobile {
    display: none;
}

/* A sinopse já fica inteira na versão desktop; o atalho é exclusivo do mobile. */
.destaque-conteudo__ler-mais {
    display: none;
}

.destaque-conteudo__link-imagem {
    display: block;
}

/* O destaque de assinatura usa uma imagem de fundo e tem um espaçamento
   próprio. No celular, aproximamos o texto da mesma linha visual dos cards. */
@media (max-width: 768px) {
    .jumbotron .slide1.curtaontop {
        display: block;
        height: auto;
        min-height: 0;
        padding-bottom: 0;
    }

    .jumbotron .slide1.curtaontop .curta-on {
        margin-top: 70px;
        padding-bottom: 10px;
    }

    .jumbotron .slide1.curtaontop .curtaon-destaque__titulo {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    .jumbotron .slide1.curtaontop::before {
        background: linear-gradient(to bottom, rgba(22, 24, 30, 0) 0%, rgba(22, 24, 30, 0.85) 35%, #16181e 55%) !important;
    }

    .jumbotron .slide1.curtaontop .curtaon-destaque__orientacao {
        display: none;
    }

    .jumbotron .slide1.curtaontop .curtaon-destaque__email {
        box-sizing: border-box;
        display: flex;
        width: calc(100vw - 66px);
        max-width: calc(100vw - 66px) !important;
        margin: 0 0 0 calc((100% - 100vw) / 2 + 28px) !important;
        padding: 2px 2px 2px 15px;
        align-items: center;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        border: 1px solid #ff651e;
        border-radius: 24px;
        background: transparent !important;
    }

    .jumbotron .slide1.curtaontop #emailCurtaOnDestaque.curtaon-destaque__input {
        min-width: 0;
        height: 40px;
        flex: 1 1 auto;
        max-width: none !important;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none;
        color: #fff;
    }

    .jumbotron .slide1.curtaontop .curtaon-destaque__input:focus {
        box-shadow: none;
    }

    .jumbotron .slide1.curtaontop #btnConfirmarEmail.curtaon-destaque__submit {
        width: 40px;
        height: 40px;
        min-width: 40px;
        margin: 0;
        padding: 0;
        border-radius: 50% !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0;
        line-height: 1;
    }

    .jumbotron .slide1.curtaontop #btnConfirmarEmail.curtaon-destaque__submit::after {
        content: "\f061";
        font-family: FontAwesome;
        font-size: 15px;
    }

    .jumbotron .owl-theme .owl-controls .owl-prev,
    .jumbotron .owl-theme .owl-controls .owl-next {
        margin: 0 4px;
        font-size: 34px;
    }
}

@media (max-width: 1024px) {
    .jumbotron .slide1.destaque-conteudo {
        display: block;
        height: auto;
        min-height: 0;
        padding: 0;
    }

    .jumbotron .slide1.destaque-conteudo .film-back {
        display: none;
    }

    #jumbotron-slider .slide1.destaque-conteudo .VOD-box-film {
        display: block;
        width: 100% !important;
        margin: 0;
        padding: 0 !important;
    }

    .jumbotron .slide1.destaque-conteudo .VOD-box-film > .row {
        display: flex;
        flex-direction: column;
        margin: 0;
        overflow: hidden;
        border-radius: 0;
        background: transparent;
    }

    .jumbotron .slide1.destaque-conteudo .destaque-conteudo__imagem,
    .jumbotron .slide1.destaque-conteudo .destaque-conteudo__informacoes {
        float: none;
        width: 100%;
        padding: 0;
    }

    .jumbotron .slide1.destaque-conteudo .destaque-conteudo__imagem {
        order: -1;
        position: relative;
    }

    .jumbotron .slide1.destaque-conteudo .VOD-box-film-img-destaque {
        display: block;
        width: 100%;
        height: auto !important;
        max-height: none;
        border-radius: 0;
        margin: 0;
        object-fit: contain;
    }

    .jumbotron .slide1.destaque-conteudo .imagem-filme {
        margin: 0;
        min-height: 0;
        border-radius: 0;
        position: relative;
        overflow: visible;
    }

    .jumbotron .slide1.destaque-conteudo .imagem-filme > div {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .jumbotron .slide1.destaque-conteudo .imagem-filme::after {
        position: absolute;
        right: 0;
        bottom: -1px;
        left: 0;
        z-index: 2;
        height: 68%;
        content: "";
        pointer-events: none;
        background: linear-gradient(to bottom, rgba(22, 24, 30, 0), #16181e);
    }

    .jumbotron .slide1.destaque-conteudo .destaque-conteudo__informacoes {
        padding: 24px 30px 20px;
        position: relative;
        z-index: 3;
    }

    .jumbotron .slide1.destaque-conteudo .titulo_banner,
    .jumbotron .slide1.destaque-conteudo #info-filme-destaque,
    .jumbotron .slide1.destaque-conteudo .sinopse-destaque {
        text-align: center;
    }

    .jumbotron .slide1.destaque-conteudo .titulo_banner {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        margin: 0 !important;
        font-size: 22px;
        line-height: 1.1;
    }

    .jumbotron .slide1.destaque-conteudo .destaque-conteudo__metadados-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        margin: 8px 0 14px;
        color: #a9a9a9;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
    }

    .jumbotron .slide1.destaque-conteudo #info-filme-destaque,
    .jumbotron .slide1.destaque-conteudo .sub-infos {
        display: none;
    }

    .jumbotron .slide1.destaque-conteudo .sinopse-destaque {
        display: -webkit-box;
        margin: 0 0 18px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        color: #b8b8b8;
        font-size: 14px;
        line-height: 1.45;
    }

    .jumbotron .slide1.destaque-conteudo .destaque-conteudo__ler-mais {
        display: block;
        margin: -10px 0 16px;
        color: var(--botao);
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        text-decoration: underline;
    }

    .jumbotron .slide1.destaque-conteudo .destaque-conteudo__link-imagem {
        display: block;
        color: inherit;
    }

    .jumbotron .slide1.destaque-conteudo .box-btns-film,
    .jumbotron .slide1.destaque-conteudo #btn-aluguel {
        display: block;
    }

    .jumbotron .slide1.destaque-conteudo #btn-aluguel > .btn-film,
    .jumbotron .slide1.destaque-conteudo #btn-aluguel > .btn-film-detalhe {
        box-sizing: border-box;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }

    .jumbotron .slide1.destaque-conteudo #btn-aluguel > .btn-film.link-filme {
        display: none;
    }

    .destaque-paginacao-mobile {
        display: flex;
        justify-content: center;
        gap: 7px;
        padding: 0 0 8px;
        background: #16181e;
    }

    /* A home aplica 70px de margem à seção de carrosséis. No mobile,
       aproxima o primeiro carrossel da paginação do destaque. */
    .jumbotron ~ .VOD-box-film {
        margin-top: -16px !important;
    }

    .destaque-paginacao-mobile button {
        width: 9px;
        height: 9px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.4);
    }

    .destaque-paginacao-mobile button.active {
        background: #fff;
    }

}