.filme-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-m);
    list-style-type: none;
    align-items: flex-start;
}

.filme-list__item{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 32%;
    max-width: 17em;
    width: 100%;
    height: 100%;
    box-shadow: var(--box-shadow-card);

    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.filme-list__imagem {
    width: 100%;
    object-fit: cover;
}

.filme-list__container {
    padding: var(--padding-s);
    font-family: var(--fonte-texto);
    flex-grow: 1;

    display: flex;
    gap: 42px;
    flex-direction: column;
    justify-content: space-between;
}

.filme-list__linha {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filme-list__descricao-dimensao, .filme-list__descricao-idade, .filme-list__descricao-idade-livre {
    padding: var(--padding-xs) var(--padding-s);
    border-radius: var(--padding-xs);
}

.filme-list-descricao-dimensao {
    background-color: var(--cor-de-fundo-input);
}

.filme-list__descricao-idade {
    background-color: var(--cor-faixa-etaria);
}

.filme-list__descricao-idade-livre {
    background-color: var(--cor-faixa-etaria-livre);
}

.filme-list__descricao {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

@media screen and (max-width: 1200px) {
    .filme-list {
       display: flex;
       justify-content: center;
    }
}