/* Quiz no front.
 *
 * As cores saem das variáveis do tema (definidas em assets/css/critical.css do
 * NAU-26, com o par claro/escuro já resolvido lá) — por isso não há nenhuma
 * regra [data-theme] aqui: o tema escuro vem de graça. Os fallbacks existem
 * para o plugin continuar apresentável se um dia rodar em outro tema.
 *
 * Mobile-first, como o tema.
 */

.auq-page{padding-block:1.25rem 3rem}
.auq-single{max-width:760px;margin-inline:auto}

/* ---------- Cabeçalho da página ---------- */
.auq-single__kicker{margin:0 0 .35rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--au-brand,#fc8106)}
.auq-single__title{margin:0 0 .6rem;font-size:clamp(1.6rem,1.2rem+2.2vw,2.5rem);line-height:1.1}
.auq-single__meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--au-text-3,#5a6b82)}
.auq-single__hero{margin:1.25rem 0;border-radius:var(--au-radius-md,14px);overflow:hidden;background:var(--au-surface-2,#eef4fb)}
.auq-single__heroimg{display:block;width:100%;height:auto}
.auq-single__intro{margin-bottom:1.5rem;color:var(--au-text,#06122B)}

/* ---------- Progresso ----------
   Grudado no topo enquanto se responde. O `top` é generoso porque o header do
   tema também é fixo: encostado em 0 a barra ficaria escondida atrás dele. */
.auq-progress{position:sticky;top:64px;z-index:20;margin:0 0 1.25rem;padding:.55rem .85rem;border-radius:var(--au-pill,999px);background:var(--au-card,#fff);box-shadow:var(--au-shadow,0 8px 30px rgba(7,27,61,.12));display:flex;align-items:center;gap:.75rem}
.auq-progress__track{flex:1;height:6px;border-radius:999px;background:var(--au-soft,#f0f5fc);overflow:hidden}
.auq-progress__bar{display:block;height:100%;width:0;border-radius:999px;background:var(--au-brand,#fc8106);transition:width .3s var(--au-ease,cubic-bezier(.4,0,.2,1))}
.auq-progress__text{margin:0;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--au-text-2,#3a4a63);white-space:nowrap}

/* ---------- Perguntas ---------- */
.auq-questions{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
/* A rolagem automática para a próxima pergunta pararia com o topo do card
   debaixo do header fixo e da barra de progresso — daí a margem de rolagem. */
.auq-question{scroll-margin-top:120px;padding:1.1rem;border-radius:var(--au-radius-md,14px);background:var(--au-card,#fff);box-shadow:var(--au-shadow,0 8px 30px rgba(7,27,61,.12))}
.auq-question__media{margin:-1.1rem -1.1rem 1rem;border-radius:var(--au-radius-md,14px) var(--au-radius-md,14px) 0 0;overflow:hidden;background:var(--au-surface-2,#eef4fb)}
.auq-question__img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.auq-question__text{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 .9rem;font-size:1.15rem;line-height:1.25}
.auq-question__num{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;background:var(--au-brand,#fc8106);color:var(--au-cta-ink,#071b3d);font-size:.85rem;font-weight:800}

/* ---------- Respostas ---------- */
.auq-answers{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
@media(min-width:600px){.auq-answers{grid-template-columns:1fr 1fr}}
.auq-answers__item{margin:0}
.auq-answer{display:flex;align-items:center;gap:.7rem;width:100%;height:100%;padding:.7rem .85rem;border:2px solid var(--au-border-c,rgba(6,18,43,.10));border-radius:var(--au-radius-sm,8px);background:var(--au-surface,#f0f5fc);color:var(--au-text,#06122B);font:inherit;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.auq-answer:hover{border-color:var(--au-brand,#fc8106)}
.auq-answer:active{transform:scale(.99)}
.auq-answer__img{flex:none;width:52px;height:52px;object-fit:cover;border-radius:6px}
.auq-answer__text{min-width:0}
.auq-answer.is-picked{border-color:var(--au-brand,#fc8106);background:color-mix(in srgb,var(--au-brand,#fc8106) 14%,transparent)}

/* Correção (modo acertos). A cor não é o único sinal: certa e errada ganham um
   símbolo antes do texto, para quem não distingue verde de vermelho. */
.auq-answer.is-right{border-color:#16a34a;background:color-mix(in srgb,#16a34a 14%,transparent)}
.auq-answer.is-wrong{border-color:#dc2626;background:color-mix(in srgb,#dc2626 12%,transparent)}
.auq-answer.is-right .auq-answer__text::before{content:"✓ ";font-weight:800;color:#15803d}
.auq-answer.is-wrong .auq-answer__text::before{content:"✕ ";font-weight:800;color:#b91c1c}
.auq-question.is-corrected .auq-answer{cursor:default}

/* ---------- Publicidade entre perguntas ---------- */
.auq-ad{list-style:none;display:flex;justify-content:center;margin:0;padding:.5rem 0}

/* ---------- Resultado ---------- */
.auq-outcome{scroll-margin-top:100px;margin-top:1.5rem}
.auq-card{border-radius:var(--au-radius-lg,22px);overflow:hidden;background:var(--au-card,#fff);box-shadow:var(--au-shadow,0 8px 30px rgba(7,27,61,.12))}
.auq-card__media{background:var(--au-surface-2,#eef4fb)}
.auq-card__media img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.auq-card__body{padding:1.25rem}
.auq-card__label{margin:0 0 .25rem;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--au-brand,#fc8106)}
.auq-card__title{margin:0 0 .6rem;font-size:clamp(1.5rem,1.2rem+1.6vw,2.1rem);line-height:1.15}
.auq-card__text{margin:0 0 1rem;color:var(--au-text-2,#3a4a63)}
.auq-card__more{margin:0 0 1rem}
.auq-card__stat{margin:0 0 1rem;padding:.55rem .8rem;border-radius:var(--au-radius-sm,8px);background:var(--au-soft,#f0f5fc);font-size:.85rem;font-weight:600;color:var(--au-text-2,#3a4a63)}
.auq-card__again{margin:1rem 0 0}

.auq-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65em 1.4em;border:0;border-radius:var(--au-pill,999px);background:var(--au-cta,#fc8106);color:var(--au-cta-ink,#071b3d);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.auq-btn:hover{background:var(--au-cta-hover,#d96a00);color:var(--au-cta-ink,#071b3d)}
.auq-btn--ghost{background:transparent;color:var(--au-text-2,#3a4a63);border:1px solid var(--au-border-c,rgba(6,18,43,.10))}
.auq-btn--ghost:hover{background:var(--au-soft,#f0f5fc);color:var(--au-text,#06122B)}

/* ---------- Compartilhar ---------- */
.auq-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid var(--au-hairline,rgba(6,18,43,.08))}
.auq-share__label{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--au-text-3,#5a6b82)}
.auq-share__btn{padding:.45em 1em;border:1px solid var(--au-border-c,rgba(6,18,43,.10));border-radius:var(--au-pill,999px);background:var(--au-surface,#f0f5fc);color:var(--au-text-2,#3a4a63);font:inherit;font-size:.85rem;font-weight:700;text-decoration:none;cursor:pointer}
.auq-share__btn:hover{border-color:var(--au-brand,#fc8106);color:var(--au-brand,#fc8106)}

/* ---------- Resultado que chegou por link ---------- */
.auq-shared{display:flex;align-items:center;gap:.9rem;margin:0 0 1.25rem;padding:.85rem;border-radius:var(--au-radius-md,14px);background:var(--au-surface,#f0f5fc);border:1px dashed var(--au-border-c,rgba(6,18,43,.10))}
.auq-shared__img{flex:none;width:64px;height:64px;object-fit:cover;border-radius:var(--au-radius-sm,8px)}
.auq-shared__label{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--au-text-3,#5a6b82)}
.auq-shared__title{margin:.1rem 0;font-weight:800;color:var(--au-heading,#06122B)}
.auq-shared__cta{margin:0;font-size:.85rem;color:var(--au-text-2,#3a4a63)}

.auq-empty{padding:1rem;border-radius:var(--au-radius-sm,8px);background:var(--au-soft,#f0f5fc);color:var(--au-text-2,#3a4a63)}

@media(prefers-reduced-motion:reduce){
	.auq-progress__bar{transition:none}
	.auq-answer{transition:none}
}