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



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

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

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



/* --- ÁREA - PASSAPORTES (Início) --- */
.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > h1
{
    color: var(--tipografia-cor-branco);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > p
{
    color: var(--tipografia-cor-branco);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > div
{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px 0;
    margin: 40px 0;
    padding: 20px;
    background: var(--cor-cinza-escuro);
    border-left: 5px solid #b700fa;
    border-radius: var(--borda-arredondada);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > div > div
{
    display: flex;
    align-items: center;
    grid-gap: 0 15px;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > div > div > svg
{
    width: auto;
    height: 40px;
    fill: #b700fa;
    stroke: #b700fa;
    stroke-width: 10px;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > div > div > p
{
    color: #b700fa;
    font-weight: bold;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > div > p
{
    color: var(--tipografia-cor-cinza-claro);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > ul > li > a
{
    color: #0162c7;
    border-color: #0162c7;
    cursor: pointer;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > ul > li > a:hover
{
    color: #0079f6;
    border-color: #0079f6;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > ul > li > a > img
{
    margin: 0 0 10px 0;
    border-radius: 0 !important;
}
/* --- ÁREA - PASSAPORTES (Final) --- */



/* --- ÁREA - PUBLICIDADE (Início) --- */
.l-ingressocom-hotsite-promocaocinedupla-area-publicidade
{
    background: var(--cor-ingressocom);
}

.l-ingressocom-hotsite-promocaocinedupla-area-publicidade > section > h2
{
    color: var(--tipografia-cor-branco);
}

.l-ingressocom-hotsite-promocaocinedupla-area-publicidade-imagem-versoes-desktop-tablet
{
    display: block;
}

.l-ingressocom-hotsite-promocaocinedupla-area-publicidade-imagem-versao-mobile
{
    display: none;
}
/* --- ÁREA - PUBLICIDADE (Final) --- */



/* --- ÁREA - PASSO A PASSO (Início) --- */
.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso
{
    background: var(--cor-cinza-escuro);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > h3
{
    color: var(--tipografia-cor-branco);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li
{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    grid-gap: 25px 0;
    padding: 40px;
    text-align: center;
    background: var(--cor-ingressocom);
    border-radius: var(--borda-arredondada);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > p:nth-of-type(1)
{
    padding: 0;
    width: 100%;
    color: var(--tipografia-cor-branco);
    text-align: center;
    font-weight: bold;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > p:nth-of-type(1) > span
{
    color: #f8b10b;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > img
{
    margin: 0 auto;
    height: auto;
    border-radius: 0 !important;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li:nth-of-type(1) > img
{
    width: 45%;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li:nth-of-type(1) > img
{
    width: 25%;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li:nth-of-type(2) > img
{
    width: 100%;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li:nth-of-type(3) > img
{
    width: 100%;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li:nth-of-type(4) > img
{
    width: 25%;
    height: auto;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > p:nth-of-type(2)
{
    color: var(--tipografia-cor-cinza);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > div
{
    display: flex;
    align-items: center;
    grid-gap: 0 15px;
    padding: 20px;
    background: var(--cor-cinza-escuro);
    border-left: 5px solid #b700fa;
    border-radius: var(--borda-arredondada);
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > div > svg
{
    width: auto;
    height: 40px;
    fill: #b700fa;
    stroke: #b700fa;
    stroke-width: 12px;
}

.l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > div > p
{
    color: var(--tipografia-cor-cinza-claro);
    text-align: left;
}
/* --- ÁREA - PASSO A PASSO (Final) --- */



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

.l-ingressocom-hotsite-promocaocinedupla-area-regulamento > section > p
{
    padding: 0;
}

.l-ingressocom-hotsite-promocaocinedupla-area-regulamento > section > ul
{
    margin-left: 20px;
}

.l-ingressocom-hotsite-promocaocinedupla-area-regulamento > section a
{
    color: #0162c7;
    text-decoration: underline;
}

.l-ingressocom-hotsite-promocaocinedupla-area-regulamento > section a:hover
{
    color: #0079f6;
    text-decoration: underline;
}
/* --- ÁREA - REGULAMENTO (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-promocaocinedupla-area-passaportes > section > div > svg
    {
        height: 32px;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > div > svg
    {
        height: 32px;
    }
}
/* --- BREAKPOINT: ENTRE 720px E 1279px (Final) --- */





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





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

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

    .l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > div
    {
        margin: 28px 0;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-passaportes > section > div > svg
    {
        height: 28px;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-publicidade-imagem-versoes-desktop-tablet
    {
        display: none;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-publicidade-imagem-versao-mobile
    {
        display: block;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li
    {
        padding: 28px;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li:nth-of-type(1) > img
    {
        width: 18%;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li:nth-of-type(4) > img
    {
        width: 25%;
    }

    .l-ingressocom-hotsite-promocaocinedupla-area-passoapasso > section > ul > li > div > svg
    {
        height: 25px;
    }
}
/* --- BREAKPOINT: ATÉ 719px (Final) --- */