/* --- DEFINIÇÕES GERAIS (Início) --- */
body
{
    background: var(--cor-ingressocom);
}
/* --- DEFINIÇÕES GERAIS (Final) --- */



/* --- ÁREA - APRESENTAÇÃO (Início) --- */
.l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao > img
{
    border-radius: 0;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao > img.l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao-imagem-versoes-desktop-tablet
{
    display: block;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao > img.l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao-imagem-versao-mobile
{
    display: none;
}
/* --- ÁREA - APRESENTAÇÃO (Final) --- */



/* --- ÁREA - INTRODUÇÃO (Início) --- */
.l-ingressocom-hotsite-promocaosemanadocinema-area-introducao
{
    background: #9a4d97;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-introducao > section
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    grid-gap: 40px 0;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-introducao > section > h1
{
    padding: 0 !important;
    color: var(--tipografia-cor-branco);
    text-align: center;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-introducao > section > a
{
    color: #9a4d97 !important;
    background: #ffffff !important;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-introducao > section > a:hover
{
    color: #850080 !important;
}
/* --- ÁREA - INTRODUÇÃO (Final) --- */



/* --- ÁREA - FILMES (Início) --- */
.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes
{
    background: var(--cor-ingressocom);
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    grid-gap: 40px 0;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > h2
{
    padding: 0 !important;
    color: var(--tipografia-cor-branco);
    text-align: center;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > h2 > span
{
    color: #9a4d97;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > ul > li > a
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    grid-gap: 15px 0;
    text-align: center;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > ul > li > a > img
{
    border: 1px solid var(--imagem-borda-cor);
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > ul > li > a > p
{
    color: var(--tipografia-cor-branco) !important;
    font-weight: bold;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > a
{
    color: #9a4d97 !important;
    background: #ffffff !important;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > a:hover
{
    color: #850080 !important;
}
/* --- ÁREA - FILMES (Final) --- */



/* --- ÁREA - PROMOÇÃO (Início) --- */
.l-ingressocom-hotsite-promocaosemanadocinema-area-promocao
{
    color: var(--tipografia-cor-branco);
    background: var(--cor-cinza-escuro);
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-promocao > section
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-promocao > section > h3
{
    color: var(--tipografia-cor-branco);
    text-align: center;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-promocao > section > p
{
    color: var(--tipografia-cor-branco);
    text-align: center;
}
/* --- ÁREA - PROMOÇÃO (Final) --- */



/* --- ÁREA - REGULAMENTO (Início) --- */
.l-ingressocom-hotsite-promocaosemanadocinema-area-regulamento
{
    color: var(--tipografia-cor-cinza-escuro);
    background: var(--cor-branco);
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-regulamento > section > h4
{
    color: var(--tipografia-cor-cinza-escuro);
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-regulamento > section > p
{
    color: var(--tipografia-cor-cinza-escuro);
}
/* --- ÁREA - REGULAMENTO (Final) --- */



/* --- ÁREA - ENCERRAMENTO (Início) --- */
.l-ingressocom-hotsite-promocaosemanadocinema-area-encerramento
{
    background: var(--cor-ingressocom);
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-encerramento > div
{
    text-align: center;
}

.l-ingressocom-hotsite-promocaosemanadocinema-area-encerramento > div > img
{
    padding: 120px 0;
    width: 50%;
    height: auto;
}
/* --- ÁREA - ENCERRAMENTO (Final) --- */





/* ============================== */
/* ============================== */
/* ============================== */





/* --- 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)
{
    .l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section > ul
    {
        margin: 0 0 30px 0;
    }
}
/* --- BREAKPOINT: ENTRE 720px E 1279px (Final) --- */





/* ============================== */
/* ============================== */
/* ============================== */





/* --- BREAKPOINT: ATÉ 719px (Início) --- */
@media all and (max-width: 719px)
{
    .l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao > img.l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao-imagem-versoes-desktop-tablet
    {
        display: none;
    }

    .l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao > img.l-ingressocom-hotsite-promocaosemanadocinema-area-apresentacao-imagem-versao-mobile
    {
        display: block;
    }

    .l-ingressocom-hotsite-promocaosemanadocinema-area-introducao > section
    {
        grid-gap: 30px 0;
    }

    .l-ingressocom-hotsite-promocaosemanadocinema-area-filmes > section
    {
        grid-gap: 30px 0;
    }
}
/* --- BREAKPOINT: ATÉ 719px (Final) --- */