/* ******************** COMPONENTE - Card vertical para filme (Início) ******************** */

/* --- Componente card vertical para filme: c-filme_card_vertical --- */





.c-filme_card_vertical > a
{
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    grid-gap: 10px 0;
    color: var(--cor-link-azul);
}

.c-filme_card_vertical > a:hover
{
    color: var(--cor-link-azul-hover);
}

.c-filme_card_vertical > a > div
{
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    grid-gap: 8px 0;
    width: 100%;
}

.c-filme_card_vertical > a > div.c-filme_card_vertical_cartaz > img
{
    border: 1px solid var(--imagem-borda-cor);
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
}

.c-filme_card_vertical > a:hover > div.c-filme_card_vertical_cartaz > img
{
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.c-filme_card_vertical > a > div > p.c-filme_card_vertical_nome
{
    padding: 0 ;
    width: 100%;
    font-size: var(--texto-5-tamanho) !important;
    line-height: calc(var(--texto-5-espacamento-entre-linhas) - 0.2em) !important;
    font-weight: bold;
}

.c-filme_card_vertical > a > div > ul.c-filme_card_vertical_informacoes
{
    width: 100%;
}

.c-filme_card_vertical > a > div > ul.c-filme_card_vertical_informacoes > li > p
{
    padding: 0 ;
    width: 100%;
    color: var(--tipografia-cor-cinza);
    font-size: var(--texto-8-tamanho) !important;
    line-height: var(--texto-8-espacamento-entre-linhas) !important;
}

.c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div
{
    align-items: center;
    grid-gap: 0 5px !important;
    flex-grow: initial;
    width: 70px;
}

.c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div > img
{
    width: 20px;
    height: auto;
    border-radius: 0;
}

.c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div > p
{
    padding-top: 2px;
    width: calc(100% - 25px);
    color: var(--tipografia-cor-cinza);
    font-size: var(--texto-6-tamanho);
    font-weight: bold;
    line-height: 0;
    letter-spacing: 0;
}

.c-filme_card_vertical > a > div > div.c-filme_card_vertical_comentarios > p
{
    padding: 0 ;
    width: 100%;
    color: var(--tipografia-cor-cinza);
    font-size: var(--texto-8-tamanho) !important;
    line-height: var(--texto-8-espacamento-entre-linhas) !important;
}





/* --- BREAKPOINT: ACIMA DE 1440px (Início) --- */
@media all and (min-width: 1440px)
{
    
}
/* --- BREAKPOINT: ACIMA DE 1440px (Final) --- */



/* --- BREAKPOINT: ENTRE 1280px E 1439px (Início) --- */
@media all and (min-width: 1280px) and (max-width: 1439px)
{
    
}
/* --- BREAKPOINT: ENTRE 1280px E 1439px (Final) --- */



/* --- BREAKPOINT: ENTRE 720px E 1279px (Início) --- */
@media all and (min-width: 720px) and (max-width: 1279px)
{
    .c-filme_card_vertical > a > div > p.c-filme_card_vertical_nome
    {
        font-size: var(--texto-6-tamanho) !important;
        line-height: calc(var(--texto-6-espacamento-entre-linhas) - 0.2em) !important;
    }

    .c-filme_card_vertical > a > div > ul.c-filme_card_vertical_informacoes > li > p
    {
        font-size: var(--texto-9-tamanho) !important;
        line-height: var(--texto-9-espacamento-entre-linhas) !important;
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div
    {
        grid-gap: 0 4px !important;
        width: 60px !important;
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div > img
    {
        width: 17px;
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div > p
    {
        padding-top: 0;
        width: calc(100% - 21px);
        font-size: var(--texto-7-tamanho);
    }

    .c-filme_card_vertical > a > div:last-of-type > div.c-filme_card_vertical_comentarios > p
    {
        font-size: var(--texto-9-tamanho) !important;
        line-height: var(--texto-9-espacamento-entre-linhas) !important;
    }
}
/* --- BREAKPOINT: ENTRE 720px E 1279px (Final) --- */



/* --- BREAKPOINT: ATÉ 719px (Início) --- */
@media all and (max-width: 719px)
{
    .c-filme_card_vertical > a
    {
        grid-gap: 8px 0;
    }

    .c-filme_card_vertical > a > div
    {
        grid-gap: 5px 0;
    }

    .c-filme_card_vertical > a > div > p.c-filme_card_vertical_nome
    {
        font-size: var(--texto-8-tamanho) !important;
        line-height: calc(var(--texto-8-espacamento-entre-linhas) - 0.2em) !important;
    }

    .c-filme_card_vertical > a > div > ul.c-filme_card_vertical_informacoes > li > p
    {
        font-size: var(--texto-10-tamanho) !important;
        line-height: var(--texto-10-espacamento-entre-linhas) !important;
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes
    {
        grid-gap: 0 5px !important;
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div
    {
        grid-gap: 0 3px !important;
        width: 47.5% !important;
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div > img
    {
        width: 14px;
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_avaliacoes > div > p
    {
        padding-top: 1px;
        width: calc(100% - 17px);
        font-size: var(--texto-9-tamanho);
    }

    .c-filme_card_vertical > a > div > div.c-filme_card_vertical_comentarios > p
    {
        font-size: var(--texto-10-tamanho) !important;
        line-height: var(--texto-10-espacamento-entre-linhas) !important;
    }
}
/* --- BREAKPOINT: ATÉ 719px (Final) --- */

/* ******************** COMPONENTE - Card vertical para filme (Final) ******************** */