section.journey{
    position:relative;
    display:flex;
    flex-direction:column;
    display:none;
}

section.journey main{
    height:1370px;
    transition:height 300ms linear;
}
section.journey footer{
    height:550px;
    transition:height 300ms linear;
}
/* section.journey.quiz main{
    height:1544px;
}
section.journey.quiz footer{
    height:376px;
} */

section.journey .area-journey{
    display:none;
}

section.journey .video-loading{
    display:flex;
}

section.result header{
    overflow:hidden;
}

.journey .area-quiz{
    position:relative;
}

.container-quiz{
    position:absolute;
    z-index:20;
    width:98.3rem;
    top:6.9rem;
    left:50%;
    transform:translateX(-50%);
}

/* .container-quiz.splash .box-pergunta{padding-bottom:5rem;}
.container-quiz.splash .box-pergunta .header-pergunta h2{text-transform:none;}
.container-quiz.splash .numero-pergunta,
.container-quiz.splash .box-pergunta .header-pergunta span,
.container-quiz.splash .box-pergunta .header-pergunta p,
.container-quiz.splash .box-pergunta ol.lista-respostas{display:none;}
.container-quiz.splash .area-botoes{display:block;} */

.container-quiz .box-pergunta{
    position:relative;
    z-index:5;
    padding:6.4rem 3rem 3rem 3rem;
    border-radius:9rem;
    background: var(--mrpoo-yellow);
    box-shadow:
        inset 2rem 2rem 2rem 0 rgba(255,255,255,0.5),
        inset -2rem -2rem 2rem 0 rgba(0,0,0,0.3),
        0 0.8rem 1.6rem rgba(0, 0, 0, 0.5);
}

.container-quiz .numero-pergunta{
    display:flex;
    align-items:center;
    justify-content:center;
    width:11rem;
    height:11rem;
    background-color:#fff;;
    outline: solid 0.3rem var(--mrpoo-light-blue);
    border-radius:50%;
    color:var(--mrpoo-light-blue);
    font-size:9.45rem;
    text-align:center;
    line-height:11rem;
    margin:0 auto -5.5rem auto;
    position:relative;
    z-index:10;
    box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.4);
}

.container-quiz .box-pergunta .header-pergunta{
    margin:0 auto;
}

.container-quiz .box-pergunta .header-pergunta h2{
    font-size:4.4rem;
    padding:1.2rem;
    color:#000;;
    text-align:center;
    margin:0;
    line-height:1;
}

.container-quiz .box-pergunta ol.lista-respostas{
    display:flex;
    flex-direction:column;
    align-items:start;
    justify-content:center;
    margin:4rem auto 0 auto;
    width:fit-content;
    padding:0;
    list-style:none;
}
.container-quiz .box-pergunta ol.lista-respostas.horizontal{
    flex-direction:row;
    flex-wrap:wrap;
}
.container-quiz .box-pergunta ol.lista-respostas.horizontal li{
    margin-left:1rem;
    margin-right:1rem;
}

.container-quiz .box-pergunta ol.lista-respostas li{
    position:relative;
    width:-moz-fit-content;
    width:fit-content;
    margin-bottom:2rem;
    border-radius:3.15rem;
    border:solid 0.2rem var(--mrpoo-light-blue);
    box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.3);
    overflow:hidden;
}

.container-quiz .box-pergunta ol.lista-respostas li input{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
}

.container-quiz .box-pergunta ol.lista-respostas li label{
    display:block;
    width:-moz-fit-content;
    width:fit-content;
    font-size:3.9rem;
    font-weight:400;
    color:#000;
    line-height:1;
    background-color:#fff;
    padding:1.2rem 3rem 1.2rem 8rem;
    cursor:pointer;
    transition:background-color 250ms linear, color 250ms linear;
}

.container-quiz .box-pergunta ol.lista-respostas li .marcador-resposta{
    position:absolute;
    z-index:1;
    font-size:3.9rem;
    color:#fff;
    margin:0;
    line-height:1;
    text-align:center;
    border-radius:3.15rem;
    padding:1.2rem;
    height:6.3rem;
    width:6.3rem;
    background:var(--mrpoo-light-blue);
    transition:background 250ms linear;
    pointer-events:none;
}

.container-quiz .box-pergunta ol.lista-respostas li input[value*=true]:checked ~ label{
    background-color:var(--mrpoo-green);
    color:#fff;
}

.container-quiz .box-pergunta ol.lista-respostas li input[value*=false]:checked ~ label{
    background-color:var(--mrpoo-red);
    color:#fff;
}

.container-quiz .box-explicacao{
    position:relative;
    z-index:4;
    max-width:90%;
    padding:14rem 4rem 6rem 4rem;
    border-radius:0 0 9rem 9rem;
    margin:-33rem auto 0 auto;
    font-size:3.5rem;
    color:#fff;
    line-height:1;
    overflow:hidden;
    text-align:center;
    box-shadow:
        inset 2rem 2rem 2rem 0 rgba(255,255,255,0.5),
        inset -2rem -2rem 2rem 0 rgba(0,0,0,0.3),
        0 0.8rem 1.6rem rgba(0, 0, 0, 0.5);
    transition:margin 300ms linear, max-height 300ms linear;
}

.container-quiz .box-explicacao p > strong{
    font-size:8rem;
    font-weight:400;
}
.container-quiz .box-explicacao.show{
    margin-top:-10rem;
    max-height:60rem;
}

.container-quiz .area-botoes{
    display:none;
    position:relative;
    z-index:11;
    padding:1rem;
}
.container-quiz .container-info{
    display:flex;
    width:calc(100% - 30rem);
    align-items:center;
    justify-content: stretch;
    border-radius: 5rem/50%;
    overflow:hidden;
}

.container-quiz .container-info .txt-info{
    font-size:8.75rem;
    color:#fff;
    background-color:#666;
    padding:1rem 4rem;
    margin:0;
    transition:background-color 250ms linear;
}
.container-quiz .container-info .txt-info.errado{
    background-color:var(--mrpoo-red);
}
.container-quiz .container-info .txt-info.certo{
    background-color:var(--mrpoo-green);
    border-radius: 5rem/50%;
}
.container-quiz .container-info a{
    display:flex;
    height:calc(100% - 2rem);
    width:auto;
    font-size:3.6rem;
    color:#fff;
    border-top-right-radius: 5rem 50%;
    border-bottom-right-radius: 5rem 50%;
    padding:1rem 6rem 1rem 4rem;
    text-align:center;
    line-height:1;
    box-shadow:
        0 0 0 1rem rgba(255,255,255,1),
        inset 1rem 1rem 1rem 0 rgba(255,255,255,0.5),
        inset -1rem -1rem 1rem 0 rgba(0,0,0,0.3);
    transition:background-color 250ms linear;
}
.container-quiz .container-info a:focus,
.container-quiz .container-info a:hover{
    background-color:var(--mrpoo-dark-green);
}

.container-quiz .container-nav{
    margin:0 0 0 auto;
}




.container-quiz .area-botoes .lnk-quiz{
    display:inline-block;
}