/* Mantém todos os cartões na mesma altura, inclusive no carrossel. */
.pbhost-filmes__card {
    display: flex;
    flex-direction: column;
}

.pbhost-filmes__poster {
    flex: none;
}

.pbhost-filmes__info {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 112px;
}

.pbhost-filmes__movie_title {
    display: -webkit-box;
    min-height: 2.6em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pbhost-filmes__date {
    margin-top: auto;
}

/* O controle de colunas do Elementor é exclusivo da grade comum.
 * No carrossel, ele não pode criar uma grade fixa e deslocar os primeiros cards. */
@media (max-width: 500px) {
    .pbhost-filmes__info {
        min-height: 92px;
    }

    /* Em telas pequenas, cada passo do carrossel ocupa toda a largura útil.
     * Isso evita que o próximo pôster fique parcialmente cortado. */
    .pbhost-filmes--carousel .pbhost-filmes__carousel-wrap {
        overflow: hidden;
    }

    .pbhost-filmes--carousel .pbhost-filmes__grid {
        grid-auto-columns: 100%;
        max-width: 100%;
    }

    .pbhost-filmes--carousel .pbhost-filmes__card {
        min-width: 0;
    }

    .pbhost-filmes--carousel .pbhost-filmes__arrow--prev {
        left: 6px;
    }

    .pbhost-filmes--carousel .pbhost-filmes__arrow--next {
        right: 6px;
    }

}