:root{--azul-claro:#127eca;--azul-escuro:#1e517e;--fundo:#e6f3f8;--fundo-questao:#205a8d}*{margin:0;padding:0}.wrapper{margin:0 auto;max-width:1200px}body{background-color:var(--fundo);font-family:Verdana Pro SemiBold,sans-serif}body.fundo-imagem{background-image:url(/img/quiz-os/bg-home.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.cursor:hover{cursor:pointer}.invisivel{display:none}.botao{background-color:var(--azul-claro);border:none;border-radius:6px;color:#fff;font-size:1.2em;padding:10px 20px}.botao.primario{background-color:#27bde8}header .menu{align-content:center;display:grid;font-size:.8em;grid-template-columns:1fr 1fr;padding:2em 1em;width:100%}header .menu .direita{text-align:right}body.fundo-imagem header .menu{color:#fff;grid-template-columns:1fr}.cabecalho{background-color:#fff;border:10px solid transparent;-o-border-image:url(/img/quiz-os/rainbow-strip.png) 30 round;border-image:url(/img/quiz-os/rainbow-strip.png) 30 round;border-left:none;border-right:none;padding:15px}.cabecalho .logo{display:grid;justify-content:center}header .menu p{margin-bottom:0}header .menu p.esquerda:hover{cursor:pointer}.apresentacao{background-color:var(--azul-escuro);color:#fff;margin:7.5em auto 0;max-width:500px;padding:1em 2em}.apresentacao h3{font-size:1.3em;letter-spacing:1;line-height:1.3;text-transform:uppercase}.apresentacao h3 span,.apresentacao p{font-family:Verdana Pro Light,sans-serif}.cta,.voltar{display:grid;justify-content:center;margin-top:3em;padding:1em}.voltar{margin-top:7em}.voltar a{color:#fff;font-family:Verdana Pro Light,sans-serif}.voltar a:hover{text-decoration:none}.etapa .menu{color:var(--azul-escuro)}.etapa .menu .progresso{font-family:Verdana Pro Cond,sans-serif}.etapa .cabecalho{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:2em 1em}.etapa .cabecalho h3{color:#fff;margin-bottom:0;text-transform:uppercase}.etapa .apresentacao{margin-top:1.5em}.etapa .apresentacao h3{font-size:1em;margin-bottom:0;text-transform:none}.etapa .cta,.etapa .voltar{margin-top:0}.etapa .voltar{color:var(--azul-escuro)}.etapa .voltar:hover{cursor:pointer}.etapa .erro{display:none}.etapa .erro p{color:#c1242b;text-align:center}.questionario{margin-top:1em;padding:1em}.questionario .questao{border-radius:5px;box-shadow:3px 3px 13px #21527c48;color:#fff;margin:0 auto;max-width:500px;padding:2em 3em;position:relative}.questionario .questao .numero{align-items:center;background-color:var(--azul-escuro);border-radius:50px;display:flex;height:50px;justify-content:center;left:-13;padding:1em;position:absolute;top:-13;width:50px}.questionario .questao .alternativas{font-family:Verdana Pro Light,sans-serif}.questionario .questao .alternativas input{margin-right:10px;transform:scale(1.5)}.questionario .questao .alternativas input:checked:before{background:green}.questionario .questao .titulo{font-size:1.2em}.questionario .questao:not(:first-child){margin-top:2em}.questionario .questao:first-child{background-color:#26b1dc;border:1px solid #26b1dc}.questionario .questao:nth-child(2){background-color:#259dc7;border:1px solid #259dc7}.questionario .questao:nth-child(3){background-color:#2379a4;border:1px solid #2379a4}.questionario .questao:nth-child(4){background-color:#226a94;border:1px solid #226a94}.questionario .questao:nth-child(5){background-color:#205a8d;border:1px solid #205a8d}.resultado .menu{color:var(--azul-escuro)}.resultado .cabecalho{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:2em 1em}.resultado .cabecalho h3{color:#fff;margin-bottom:0;text-transform:uppercase}.resultado .texto{color:var(--azul-escuro);margin:1em auto 0;max-width:500px;padding:1em}.resultado .texto h3{font-size:1.2em}.resultado .texto p{font-family:Verdana Pro Light,sans-serif;font-size:1em}.resultado .compartilhar{margin:0 auto;max-width:500px;padding:1em}.resultado .compartilhar h3{color:var(--azul-escuro);font-size:1.35em;text-align:center;text-transform:uppercase}.resultado .compartilhar .icones{display:grid;grid-template-columns:1fr 1fr;margin-top:2.5em}.resultado .compartilhar .icones div{display:grid;justify-content:center}.resultado .compartilhar .icones div:hover{cursor:pointer}.resultado .compartilhar .icones div i{align-content:center;border-radius:50%;display:grid;font-size:3.5em;height:100px;justify-content:center;margin:0 auto 10px;padding:25px;width:100px}.resultado .compartilhar .icones div i.fa-envelope{background-color:#1d80c727;border:2px solid #1d80c7;color:#1d80c7}.resultado .compartilhar .icones div i.fa-whatsapp{background-color:#2db22226;border:2px solid #2db222;color:#2db222}.resultado .compartilhar .icones div p{color:var(--azul-escuro);text-align:center}.resultado .cta{margin-top:0}.resultado .segura-gauge{background-color:#fff;border-radius:10px;display:grid;margin:1em auto;max-width:500px;padding:3em 1.5em;place-items:center}.resultado .segura-gauge h3{color:var(--azul-escuro);margin-bottom:2.25em;text-align:center;text-transform:uppercase}.resultado .segura-gauge p{color:var(--azul-escuro);margin-top:2.25em;text-align:center}.resultado .gauge{border-radius:50%;color:#7f8c8d;display:grid;font-size:2rem;height:150px;place-items:center;width:150px}.resultado .gauge .conteudo-gauge{background:#fff;border-radius:50%;display:grid;height:120px;place-items:center;width:120px}.modal-content{background-color:transparent;border:none;padding:.5em}.modal-content .modal-body{background-color:#1e517e;border-radius:10px;color:#fff;padding:3em 2em}.modal-content .modal-body h3{font-size:1.25em}.modal-content .modal-body form{margin:1.5em 0}.modal-content .modal-body form input{background-color:#ffffff81;border:1px solid transparent;border-radius:4px;color:#fff;display:block;margin-bottom:1em;outline:none;padding:1em;width:100%}.modal-content .modal-body form .envia{display:grid;justify-content:center;margin-top:2em;width:100%}.modal-content .modal-body .fechar{text-align:center;text-decoration:underline}.alerta{display:none}.segura-alerta{bottom:15;display:grid;justify-content:center;position:fixed;width:100%;z-index:9}.alerta .conteudo{background-color:#1e517e;border-radius:10px;color:#fff;padding:20px}@media (max-width:575.98px){.resultado .segura-gauge{margin:1em}}