:root{--papel:#f6f3eb;--superficie:#ede9de;--superficie-2:#e7e2d6;--fio:#e2ddd1;--fio-forte:#c9c3b4;--tinta:#0d0f0c;--tinta-clara:#f8f6ef;--cinza:#57534a;--cinza-fraco:#6e6a60;--cinza-escuro:#9a9489;--dourado:#f7b736;--vermelho:#cd2210;--vermelho-escuro:#9c1a0c;--madeira:#65260a;--verde:#375803;--verde-escuro:#2e4a03;--trilho-escuro:#282b25;--display:"Bricolage Grotesque", system-ui, sans-serif;--corpo:"Instrument Sans", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--papel);color:var(--tinta);font-family:var(--corpo);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}button{font-family:var(--corpo);cursor:pointer;border-radius:0}a{color:var(--vermelho);text-decoration:none}a:hover{color:var(--vermelho-escuro)}:focus-visible{outline:2px solid var(--vermelho);outline-offset:2px}.q4-wrap{background:var(--papel);flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;display:flex}.q4-cab{background:var(--tinta);flex:none;padding:20px 22px 22px}.q4-cab-linha{justify-content:space-between;align-items:center;gap:12px;display:flex}.q4-cab-marca{font-family:var(--display);color:var(--dourado);font-size:15px;font-weight:800}.q4-cab-info{color:var(--cinza-escuro);font-size:13px;font-weight:600}.q4-cab-frase{font-family:var(--display);letter-spacing:-.015em;color:var(--tinta-clara);text-wrap:balance;margin:16px 0 0;font-size:24px;font-weight:600;line-height:1.2}.q4-marca-texto{background:var(--vermelho);color:#fff;padding:1px 8px 3px;font-weight:600}.q4-progresso{background:var(--trilho-escuro);height:4px;margin-top:16px}.q4-progresso span{background:var(--vermelho);height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1);display:block}.q4-corpo{flex-direction:column;flex:1;min-height:0;padding:0 22px;display:flex}.q4-centro{flex-direction:column;flex:1;justify-content:center;gap:18px;padding:22px 0;display:flex}.q4-rodape{flex-direction:column;flex:none;gap:10px;padding-bottom:22px;display:flex}.q4-olho{letter-spacing:.04em;text-transform:uppercase;color:var(--cinza-fraco);font-size:13px;font-weight:600}.q4-apoio{color:var(--cinza);font-size:15px}.q4-disc,.q4-cal{color:var(--cinza-fraco);margin:0;font-size:13px;line-height:1.55}.q4-wrap h1{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:30px;font-weight:800;line-height:1.12}.q4-wrap h2{font-family:var(--display);letter-spacing:-.01em;border-bottom:2px solid var(--tinta);margin:0;padding-bottom:10px;font-size:19px;font-weight:600}.q4-primario{background:var(--vermelho);color:#fff;border:0;width:100%;min-height:52px;font-size:16px;font-weight:600}.q4-primario:hover{background:var(--vermelho-escuro)}.q4-secundario{border:1px solid var(--fio-forte);width:100%;min-height:52px;color:var(--tinta);background:0 0;font-size:16px;font-weight:600}.q4-secundario:hover{border-color:var(--tinta)}.q4-sair{min-height:44px;color:var(--cinza);text-align:left;background:0 0;border:0;padding:14px 0;font-size:15px;font-weight:600}.q4-sair:hover{color:var(--tinta)}.q4-voltar{display:none}.q4-enunciado{font-family:var(--display);letter-spacing:-.015em;color:var(--tinta);text-wrap:pretty;font-size:25px;font-weight:600;line-height:1.28}.q4-enunciado p{margin:0}.q4-enunciado svg{max-width:100%;height:auto;margin:0 auto;display:block}.q4-opcoes{gap:8px;display:grid}.q4-opcao{text-align:left;background:var(--superficie);width:100%;min-height:52px;color:var(--tinta);border:2px solid #0000;justify-content:flex-start;align-items:center;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.q4-opcao:has(svg){justify-content:center;padding:12px}.q4-opcao:hover:not(:disabled){background:var(--tinta);color:var(--tinta-clara)}.q4-opcao:hover:not(:disabled) svg{filter:invert()hue-rotate(180deg)}.q4-opcao svg{max-width:100%;height:auto;display:block}.q4-opcao-certa{border-color:var(--verde);background:var(--superficie)}.q4-opcao-errada{border-color:var(--vermelho);background:var(--superficie)}.q4-opcao:disabled{opacity:1;color:var(--cinza-fraco)}.q4-opcao-certa:disabled,.q4-opcao-errada:disabled{color:var(--tinta)}.q4-crono{margin-top:18px}.q4-crono-top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.q4-crono-num{font-family:var(--display);letter-spacing:-.02em;color:var(--tinta-clara);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.q4-crono-label{letter-spacing:.04em;text-transform:uppercase;color:var(--cinza-escuro);text-align:right;font-size:13px;font-weight:600}.q4-crono-barra{background:var(--trilho-escuro);height:6px;margin-top:12px}.q4-crono-barra span{background:var(--verde);height:100%;transition:width .2s linear;display:block}.q4-crono-ambar .q4-crono-barra span{background:var(--dourado)}.q4-crono-vermelho .q4-crono-barra span{background:var(--vermelho)}.q4-aviso{background:var(--superficie);color:var(--cinza);margin:0;padding:14px 16px;font-size:14px;line-height:1.5}.q4-aviso b{color:var(--tinta)}.q4-feedback{background:var(--superficie);flex-direction:column;gap:10px;margin-top:16px;padding:16px 18px 18px;display:flex}.q4-feedback p{color:#2c2a22;margin:0;font-size:15px;line-height:1.6}.q4-feedback-ok{border-top:2px solid var(--verde)}.q4-feedback-erro{border-top:2px solid var(--vermelho)}.q4-feedback-ok .q4-olho{color:var(--verde-escuro)}.q4-feedback-erro .q4-olho{color:var(--vermelho)}.q4-fim-prova{flex-direction:column;flex:1;justify-content:center;gap:22px;padding:22px 0;display:flex}.q4-check{background:var(--tinta);width:56px;height:56px;color:var(--dourado);place-items:center;font-size:26px;font-weight:700;line-height:1;display:grid}.q4-trilha-barra{background:var(--superficie-2);height:10px}.q4-trilha-barra span{background:var(--vermelho);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.q4-trilha{margin:16px 0;padding:0;list-style:none}.q4-etapa{border-bottom:1px solid var(--fio);grid-template-columns:22px 1fr auto;align-items:center;gap:12px;min-height:44px;padding:11px 0;display:grid}.q4-etapa-marca{justify-self:center;font-size:15px;font-weight:700}.q4-etapa-nome{font-size:16px;font-weight:500}.q4-etapa-concluida .q4-etapa-marca{color:var(--verde)}.q4-etapa-concluida .q4-etapa-nome{color:var(--cinza);font-weight:400}.q4-etapa-futura .q4-etapa-marca{color:var(--fio-forte)}.q4-etapa-futura .q4-etapa-nome{color:var(--tinta);font-weight:600}.q4-etapa-atual{background:var(--tinta);border-bottom:0;margin:6px -22px;padding:14px 22px}.q4-etapa-atual .q4-etapa-marca{color:var(--dourado)}.q4-etapa-atual .q4-etapa-nome{font-family:var(--display);color:var(--tinta-clara);font-size:17px;font-weight:800}.q4-qi{align-items:flex-end;gap:18px;margin-top:26px;display:flex}.q4-num{font-family:var(--display);letter-spacing:-.03em;color:var(--tinta-clara);font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;line-height:.98}.q4-rot{letter-spacing:.04em;text-transform:uppercase;color:var(--cinza-escuro);font-size:13px;font-weight:600}.q4-faixa{color:#dad5ca;font-size:14px;font-weight:600}.q4-dominios{margin:0;padding:0;list-style:none}.q4-dominios li{border-bottom:1px solid var(--fio);grid-template-columns:108px 1fr auto;align-items:center;gap:12px;padding:11px 0;font-size:15px;display:grid}.q4-dominios li b{font-weight:500}.q4-dominios li small{color:var(--cinza);font-size:14px}.q4-dado{background:var(--superficie-2);height:10px}.q4-dado span{height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.q4-nivel-intenso span{background:var(--vermelho)}.q4-nivel-moderado span{background:var(--madeira)}.q4-nivel-leve span{background:var(--verde)}.q4-assinatura-sec{flex-direction:column;gap:12px;margin-top:26px;display:flex}.q4-assinatura{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.q4-assinatura li{border-bottom:1px solid var(--fio);flex-direction:column;gap:4px;padding:13px 0;display:flex}.q4-assin-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.q4-assin-top b{font-size:16px;font-weight:500}.q4-rotulo{letter-spacing:.04em;text-transform:uppercase;color:var(--madeira);font-size:13px;font-weight:600}.q4-assinatura small{color:var(--cinza);font-size:15px;line-height:1.6}.q4-execucao{background:var(--superficie);flex-direction:column;gap:8px;padding:20px;display:flex}.q4-execucao b{letter-spacing:.04em;text-transform:uppercase;color:var(--madeira);font-size:13px;font-weight:600}.q4-execucao p{color:#2c2a22;margin:0;font-size:16px;line-height:1.65}.q4-envio{margin:18px 0;padding:14px 16px;font-size:15px}.q4-envio p{margin:0 0 8px}.q4-envio-ocioso{display:none}.q4-envio-enviando{background:var(--superficie);color:var(--cinza)}.q4-envio-ok{background:var(--superficie);border-top:2px solid var(--verde);color:var(--verde-escuro)}.q4-envio-erro{background:var(--superficie);border-top:2px solid var(--vermelho);color:var(--vermelho-escuro)}.q4-texto{margin-top:20px}.q4-texto summary{color:var(--cinza);min-height:44px;padding:12px 0;font-size:15px;font-weight:600}.q4-texto pre{white-space:pre-wrap;color:var(--cinza);background:var(--superficie);padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.q4-mapa{color:var(--cinza-escuro);background:0 0;border:0;min-height:44px;padding:12px 0;font-size:13px;font-weight:600}.q4-mapa:hover{color:var(--dourado)}.q4-topo{justify-content:space-between;align-items:center;gap:12px;display:flex}.q4-prova{font-family:var(--display);color:var(--dourado);font-size:15px;font-weight:800}.q4-prog{color:var(--cinza-escuro);font-size:13px;font-weight:600}.entrada{flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding:72px 22px;display:flex}.entrada h1{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:30px;font-weight:800}.entrada p{color:var(--cinza);margin:0}.entrada form{flex-direction:column;gap:10px;margin-top:8px;display:flex}.entrada label{letter-spacing:.04em;text-transform:uppercase;color:var(--cinza-fraco);font-size:13px;font-weight:600}.entrada input{min-height:52px;font-family:var(--corpo);background:var(--superficie);border:1px solid var(--fio-forte);color:var(--tinta);border-radius:0;padding:14px 16px;font-size:16px}.entrada input:focus{outline:2px solid var(--vermelho);outline-offset:-2px}.entrada button{background:var(--vermelho);color:#fff;border:0;min-height:52px;font-size:16px;font-weight:600}.entrada [role=alert]{color:var(--vermelho);font-size:15px}.dash{max-width:720px;margin:0 auto;padding:0 0 48px}.dash header{background:var(--tinta);justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;padding:20px 22px 22px;display:flex}.dash header h1{font-family:var(--display);color:var(--dourado);margin:0;font-size:20px;font-weight:800}.dash header button{color:var(--cinza-escuro);background:0 0;border:0;min-height:44px;padding:12px 0;font-size:14px;font-weight:600}.dash header button:hover{color:var(--tinta-clara)}.dash h2{font-family:var(--display);letter-spacing:-.01em;border-bottom:2px solid var(--tinta);margin:26px 22px 12px;padding-bottom:10px;font-size:19px;font-weight:600}.dash>p,.dash [role=alert]{color:var(--cinza);margin:0 22px}.dash footer{border-top:1px solid var(--fio);margin:32px 22px 0;padding-top:16px}.dash footer small{color:var(--cinza-fraco);font-size:13px;line-height:1.55}.grid{gap:10px;margin:0 22px;display:grid}.card{background:var(--superficie);flex-direction:column;gap:8px;padding:20px;display:flex}.card h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.card p{color:var(--cinza);margin:0;font-size:15px;line-height:1.55}.card.bloqueado{border:1px solid var(--fio);background:0 0}.card .cta,.card .fazer-teste{background:var(--vermelho);color:#fff;border:0;align-self:flex-start;align-items:center;min-height:48px;margin-top:6px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.card .cta:hover,.card .fazer-teste:hover{background:var(--vermelho-escuro);color:#fff}.card ul{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.card ul button{text-align:left;min-height:44px;color:var(--vermelho);background:0 0;border:0;padding:12px 0;font-size:15px;font-weight:600}.card small{color:var(--cinza-fraco);font-size:14px}