/* Página /5-sinais: tema claro do site (papel + cobre), um passo por tela */
.quiz{padding-block:clamp(40px,7vw,88px) 96px}
.quiz [hidden]{display:none!important}
.quiz h1{font-size:clamp(38px,5.2vw,64px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.quiz h2{font-size:clamp(23px,2.6vw,32px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance;outline:none}
.quiz .section-label{margin:0;color:#9A6236}
.quiz-lead{color:var(--muted);font-size:16px;line-height:1.7;max-width:52ch}
.quiz .button{font-size:14px;min-height:52px}
/* Abertura: texto à esquerda, os 5 sinais à direita */
.quiz-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,88px);align-items:center}
.qz-texto{display:grid;gap:22px;justify-items:start}
.qz-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted)}
.qz-meta span{display:flex;gap:8px;align-items:center}
.qz-meta span::before{content:'';width:6px;height:6px;border-radius:50%;background:#C2814F}
.qz-painel{background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:18px;padding:26px;box-shadow:0 40px 80px -50px rgba(21,22,24,.45);position:relative}
.qz-painel::before{content:'';position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 3px 3px;background:#C2814F}
.qz-painel-titulo{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6B6D71;margin-bottom:14px}
.qz-sinais{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:sinal}
.qz-sinais li,.quiz-tips li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:#F7F6F3;border:1px solid rgba(21,22,24,.05)}
.qz-sinais i,.quiz-tips i,.qz-icone{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#F4E9DF;color:#9A6236}
.qz-sinais svg,.quiz-tips svg,.qz-icone svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qz-sinais strong,.quiz-tips strong{display:block;font-size:15px;font-weight:600;color:var(--text)}
.qz-sinais small,.quiz-tips small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:2px}
/* Pergunta: um cartão grande, passos em 5 traços */
.quiz-card{max-width:760px;margin-inline:auto;display:grid;gap:30px;justify-items:start;background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:20px;padding:clamp(24px,4vw,44px);box-shadow:0 40px 80px -50px rgba(21,22,24,.45)}
.quiz-progress{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.qz-passos{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.qz-passos li{width:34px;height:5px;border-radius:3px;background:#E4E2DD;transition:background .3s var(--ease)}
.qz-passos .feito{background:#C2814F}.qz-passos .atual{background:#151618}
.qz-pergunta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.qz-icone{width:60px;height:60px;border-radius:16px}.qz-icone svg{width:28px;height:28px}
.qz-nome{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9A6236;margin-bottom:8px}
.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.quiz-answers .button{justify-content:center;min-height:60px;font-size:15px}
.quiz-answers .button:not(.primary){background:#FFF;border:1px solid rgba(21,22,24,.18);color:var(--text)}
.quiz-answers .button:not(.primary):hover{border-color:#151618}
.quiz-prev{font-size:13px;color:var(--muted);padding:6px 0}
.quiz-prev:hover{color:var(--text)}
/* Resultado: anel com a nota, sinais marcados e próximo passo */
.quiz-result{max-width:900px;margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px 40px;align-items:center;background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:20px;padding:clamp(24px,4vw,44px);box-shadow:0 40px 80px -50px rgba(21,22,24,.45)}
.qz-placar{position:relative;width:168px;height:168px;display:grid;place-items:center}
.qz-anel{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.qz-anel circle{fill:none;stroke:#EFEDE9;stroke-width:9}
.qz-anel .qz-anel-valor{stroke:#C2814F;stroke-linecap:round;stroke-dasharray:0 5;transition:stroke-dasharray 1s .2s var(--ease)}
.quiz-result[data-nivel=baixo] .qz-anel-valor{stroke:#8A8C90}
.quiz-score{display:flex;align-items:baseline;gap:4px;font-family:"Inter Tight",Inter,sans-serif;position:relative}
.quiz-score b{font-size:58px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.quiz-score span{color:var(--muted);font-size:14px}
.qz-resultado{display:grid;gap:12px}
.quiz-tips{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quiz-tips:empty{display:none}
.quiz-cta{grid-column:1/-1;display:flex;gap:16px 26px;align-items:center;flex-wrap:wrap;padding-top:6px}
.quiz-note{grid-column:1/-1;font-size:12px;color:var(--muted);border-top:1px solid rgba(21,22,24,.08);padding-top:16px}
.quiz-back{margin-left:auto}
@media(max-width:900px){
 .quiz-intro{grid-template-columns:1fr}
 .quiz-result{grid-template-columns:1fr;justify-items:start}
 .quiz-tips{grid-template-columns:1fr}
}
@media(max-width:560px){
 .qz-painel{padding:20px 16px}.qz-painel::before{left:16px;right:16px}
 .qz-pergunta{grid-template-columns:1fr;gap:14px}
 .quiz-answers{grid-template-columns:1fr}
 .qz-passos li{width:22px}
 .qz-placar{width:132px;height:132px}.quiz-score b{font-size:46px}
 .quiz-cta .button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.qz-anel .qz-anel-valor,.qz-passos li{transition:none}}
/* Abertura: foto no estilo do blog com o painel dos sinais por cima */
.qz-visual{display:grid}
.qz-foto{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:0 30px 60px -36px rgba(21,22,24,.6)}
.qz-foto+.qz-painel{margin:-110px 0 0 36px}
/* Escala do resultado: 0–1, 2, 3–5 */
.qz-como{grid-column:1/-1;background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:16px;padding:20px 24px}
.qz-escala{position:relative;display:grid;gap:8px;width:100%;padding-top:4px}
.qz-faixas{display:grid;grid-template-columns:2fr 1fr 3fr;gap:4px}
.qz-faixas span{height:30px;display:grid;place-items:center;border-radius:6px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:#FFF}
.f-baixo{background:#CFC6B8}.f-medio{background:#D4A17D}.f-alto{background:#C2814F}
.qz-legendas{display:grid;grid-template-columns:2fr 1fr 3fr;gap:4px;font-size:12px;color:var(--muted)}
.qz-legendas span{text-align:center}
.qz-marcador{display:none;position:absolute;top:-8px;left:var(--pos,0);width:0;height:0;transform:translateX(-50%);border:8px solid transparent;border-top-color:#151618;transition:left .9s var(--ease)}
.qz-escala.com-nota .qz-marcador{display:block}
.qz-resultado .qz-escala{margin-top:8px;max-width:520px}
/* Pergunta: cena animada ao lado */
.qz-pergunta{grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center}
.qz-cena{background:#F7F6F3;border-radius:16px;padding:12px}
.qz-cena svg{display:block;width:100%;height:auto;fill:none;stroke:#151618;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qz-cena .c-folha,.qz-cena .c-pessoa,.qz-cena .c-relogio{fill:#FFF}
.qz-cena .c-linha{stroke:#B9B6B0}
.qz-cena .c-voo,.qz-cena .c-seu{fill:#C2814F;stroke:#9A6236}
.qz-cena .c-dia{fill:#ECEAE6;stroke:none}
.qz-cena .c-balao{fill:#ECEAE6;stroke:none}
.qz-cena .c-barra{fill:#F4E9DF;stroke:#C2814F;stroke-dasharray:4 4}
.qz-cena .c-duvida{fill:#C2814F;stroke:none;font:700 64px "Inter Tight",Inter,sans-serif}
.qz-cena .c-parado{stroke-dasharray:3 5;stroke:#B9B6B0}.qz-cena .c-apagado{stroke:#C9C6C0}
.qz-cena .c-pausa path{stroke:#C2814F;stroke-width:4}
@media(prefers-reduced-motion:no-preference){
 .c-voo{animation:c-copia 1.8s var(--ease) infinite}
 .c-dia{animation:c-dia 6s linear infinite;animation-delay:calc(var(--i)*.35s)}
 .c-ponteiro{transform-origin:164px 116px;animation:c-gira 3s linear infinite}
 .c-pausa{animation:c-pisca 1.4s steps(2) infinite}
 .c-some{animation:c-some 3s var(--ease) infinite}
 .c-barra{transform-box:fill-box;transform-origin:bottom;animation:c-sobe 2.4s ease-in-out infinite alternate}
 .c-barra:nth-of-type(2){animation-delay:.4s}.c-barra:nth-of-type(3){animation-delay:.8s}
 .c-duvida{animation:c-pisca 2s ease-in-out infinite alternate}
}
@keyframes c-copia{0%{transform:translateX(-22px);opacity:0}25%,70%{opacity:1}100%{transform:translateX(22px);opacity:0}}
@keyframes c-dia{0%,6%{fill:#ECEAE6}8%,100%{fill:#C2814F}}
@keyframes c-gira{to{transform:rotate(360deg)}}
@keyframes c-pisca{from{opacity:1}to{opacity:.25}}
@keyframes c-some{0%,40%{transform:none;opacity:1}100%{transform:translate(70px,24px) rotate(18deg);opacity:0}}
@keyframes c-sobe{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
/* Resultado: próximos passos */
.qz-proximo{grid-column:1/-1}
.qz-proximo ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qz-proximo li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid rgba(21,22,24,.08)}
.qz-proximo li:first-child{border-color:#C2814F;background:#FBF5F0}
.qz-proximo b{font-family:"Inter Tight",Inter,sans-serif;font-size:13px;color:#9A6236}
.qz-proximo strong{font-size:14px;font-weight:600}
@media(max-width:900px){.qz-foto+.qz-painel{margin:-60px 12px 0}}
@media(max-width:560px){
 .qz-pergunta{grid-template-columns:1fr;gap:16px}.qz-cena{max-width:220px}
 .qz-proximo ol{grid-template-columns:1fr}
 .qz-como{padding:16px}.qz-legendas{font-size:11px}
}