/* Questionários (comprador e vendedor): uma pergunta por tela. Usa os tokens do design system (tokens.css). */
.q-pagina{background:var(--bdelio);min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.q-main{flex:1;padding:110px 0 var(--e-8)}
.q-wrap{max-width:760px;margin:0 auto;padding:0 20px}
#q{position:relative}
.q-barra{position:fixed;top:72px;left:0;right:0;height:4px;background:var(--bdelio-profundo);z-index:45}
.q-barra i{display:block;height:100%;width:0;background:var(--ouro);transition:width .35s ease}
.q-palco{min-height:62vh}
.q-tela{animation:qentra .28s ease both}
@keyframes qentra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.q-tela h2{font-size:clamp(1.9rem,5.2vw,2.75rem);margin-bottom:var(--e-2);outline:0}
.q-tela h2::after{display:none}
.q-lead{font-size:1.125rem;opacity:.88;margin-bottom:var(--e-3)}
.q-dica{font-size:.97rem;opacity:.75;margin:-4px 0 var(--e-3);max-width:60ch}
.q-dica-m{margin:var(--e-2) 0 var(--e-2);font-size:.88rem}
.q-eu{display:flex;gap:14px;align-items:center;margin-bottom:var(--e-4)}
.q-eu img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 12%;border:1px solid var(--ouro)}
.q-eu b{display:block;font-weight:600;font-size:.95rem}
.q-k{display:block;font-weight:500;font-size:var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-profundo)}
.q-etapas{list-style:none;counter-reset:e;margin:0 0 var(--e-3);display:grid;gap:12px}
.q-etapas li{counter-increment:e;position:relative;padding:14px 16px 14px 58px;background:var(--faixa-onix);border:1px solid var(--bdelio-profundo);border-radius:var(--raio)}
.q-etapas li::before{content:counter(e);position:absolute;left:16px;top:6px;font:600 2rem var(--fonte-titulo);color:var(--ouro);font-variant-numeric:lining-nums}
.q-etapas b{display:block;font-size:1rem}
.q-etapas span{display:block;font-size:.93rem;opacity:.82;margin-top:2px}
.q-honorario{border-left:3px solid var(--ouro);padding:8px 14px;background:var(--faixa-onix);font-weight:500;margin-bottom:var(--e-2)}
.q-depois{font-size:.97rem;opacity:.85;margin-bottom:var(--e-3)}
.q-ck{display:flex;gap:12px;align-items:flex-start;cursor:pointer;margin:var(--e-3) 0;font-weight:500}
.q-ck input{width:26px;height:26px;flex:none;accent-color:var(--ouro-profundo);margin-top:1px}
.q-ops{display:grid;gap:10px;margin-bottom:var(--e-2)}
.q-op{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:500 1.0625rem var(--fonte-texto);color:var(--onix);background:var(--faixa-onix);border:1px solid var(--bdelio-profundo);border-radius:var(--raio);padding:14px 16px;min-height:56px;cursor:pointer;transition:border-color .15s,background .15s}
.q-op:hover{border-color:var(--ouro)}
.q-op kbd{font:600 .8rem var(--fonte-texto);min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ouro);color:var(--ouro-profundo);border-radius:3px;flex:none;background:#fff}
.q-op span{flex:1}
.q-op i{width:22px;height:22px;border-radius:50%;border:1px solid var(--bdelio-profundo);flex:none;position:relative}
.q-op.on{border-color:var(--ouro);background:#fff;box-shadow:0 0 0 1px var(--ouro) inset}
.q-op.on i{background:var(--ouro);border-color:var(--ouro)}
.q-op.on i::after{content:"";position:absolute;left:6px;top:5px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.q-op[role=checkbox] i{border-radius:4px}
.q-in{width:100%;font:400 1.25rem var(--fonte-texto);color:var(--onix);background:transparent;border:0;border-bottom:2px solid var(--ouro);padding:10px 2px;margin-bottom:var(--e-3);border-radius:0;outline:0}
textarea.q-in{border:1px solid var(--bdelio-profundo);border-bottom:2px solid var(--ouro);background:var(--faixa-onix);padding:12px;font-size:1.05rem;resize:vertical}
.q-in:focus{border-bottom-color:var(--onix)}
.q-ok{margin-top:var(--e-1)}
.q-pular{background:none;border:0;color:var(--ouro-profundo);text-decoration:underline;font:500 .95rem var(--fonte-texto);margin-left:16px;cursor:pointer;padding:14px 4px}
.q-aviso{background:var(--faixa-onix);border:1px solid var(--ouro);border-radius:var(--raio);padding:12px 16px;font-size:.95rem;margin:0 0 var(--e-2)}
.q-erro{color:var(--barro);font-size:.93rem;margin-top:12px;min-height:1.3em;font-weight:500}
.q-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--e-4);font-size:.88rem}
.q-voltar{background:none;border:0;font:500 .95rem var(--fonte-texto);color:var(--onix);opacity:.75;cursor:pointer;padding:12px 4px}
.q-pos{opacity:.65;font-variant-numeric:tabular-nums}
.q-arq{margin-bottom:var(--e-3)}
.q-arq-l{display:flex;flex-direction:column;gap:8px;cursor:pointer;position:relative}
.q-arq-t{font-weight:600}
.q-arq-i{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.q-arq-b{align-self:flex-start;pointer-events:none}
.q-arq-n{color:var(--lavoura);font-weight:600;margin-top:8px;min-height:1.2em}
.q-coords-l{display:block;font-weight:600;margin-bottom:8px}
.q-consent{font-size:.95rem;opacity:.85;background:var(--faixa-onix);border:1px solid var(--bdelio-profundo);border-radius:var(--raio);padding:14px 16px}
.q-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.q-fim{text-align:left}
.q-check{width:64px;height:64px;border-radius:50%;background:var(--ouro);position:relative;margin-bottom:var(--e-3)}
.q-check::after{content:"";position:absolute;left:19px;top:19px;width:24px;height:12px;border-left:4px solid var(--onix);border-bottom:4px solid var(--onix);transform:rotate(-45deg)}
.q-links{margin-top:var(--e-3);display:flex;gap:14px;flex-wrap:wrap;align-items:center}
@media (max-width:900px){.q-barra{top:72px}.q-main{padding-top:96px}}
@media (max-width:480px){.q-op{padding:13px 12px;font-size:1rem}.q-etapas li{padding-left:52px}.q-ok{width:100%}}
@media (prefers-reduced-motion:reduce){.q-tela{animation:none}.q-barra i{transition:none}}
html{scroll-padding-top:110px}

/* v3 rodada 2: sigilo na abertura e presente do satélite */
.q-sigilo{background:var(--faixa-onix);border:1px solid var(--ouro);border-left:5px solid var(--ouro);border-radius:var(--raio);padding:16px 18px;margin-bottom:var(--e-3)}
.q-sigilo h2{font-size:1.9rem;margin-bottom:8px}
.q-sigilo p{font-size:1rem;margin-bottom:8px}
.q-nda{font-weight:500}
.q-sigilo .q-ck{margin:12px 0 0}
.q-presente{background:#fff;border:2px solid var(--ouro);border-radius:var(--raio);padding:14px 16px;margin-bottom:var(--e-3)}
.q-presente b{display:block;font-size:1.1rem;margin-bottom:4px}
.q-presente p{font-size:.97rem;margin-bottom:6px}
.q-h2b{font-size:1.9rem!important;margin-top:var(--e-2)}
.q-eu .q-cr{font-weight:500;opacity:.85;font-size:.88rem}
.dossie .q-sigilo,.dossie .area-card{margin-bottom:var(--e-3)}

/* rodada 4: resumo "quem eu não atendo" na abertura dos questionários */
.q-nao{background:#fff;border:1px solid var(--barro);border-left:5px solid var(--barro);border-radius:var(--raio);padding:14px 16px;margin:0 0 var(--e-3)}
.q-nao b{display:block;margin-bottom:6px;font-size:1.02rem}
.q-nao ul{list-style:none;margin:0}
.q-nao li{position:relative;padding:3px 0 3px 22px;font-size:.95rem}
.q-nao li::before{content:"\00d7";position:absolute;left:2px;top:1px;color:var(--barro);font-weight:700}
.q-nao p{font-size:.92rem;font-weight:500;margin:8px 0 0}

/* rodada 5: contato que só aparece depois do envio */
.q-contato{margin-top:var(--e-3);padding:12px 16px;background:var(--faixa-onix);border-left:4px solid var(--ouro);font-size:.97rem;word-break:break-word}
