.quiz{--q-marrom:#3e281f;--q-terracota:#8a5538;--q-dourado:#c7a47b;--q-offwhite:#f0e6d8;--q-marfim:#f8eee0;--q-titulo:var(--font-body), system-ui, sans-serif;font-family:var(--font-body), system-ui, sans-serif;isolation:isolate;position:relative}.quiz:before{content:"";z-index:-1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.quiz-escuro{background:var(--q-marrom);color:var(--q-marfim)}.quiz-claro{background:var(--q-offwhite);color:var(--q-marrom)}.quiz-titulo{font-family:var(--q-titulo);letter-spacing:-.025em;font-weight:600;line-height:1.08}.quiz-kicker{letter-spacing:.24em;text-transform:uppercase;font-size:.7rem;font-weight:600}.quiz-btn{letter-spacing:.02em;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:3.25rem;padding:.9rem 1.6rem;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.quiz-btn:active{transform:scale(.98)}.quiz-btn-cheio{background:var(--q-marfim);color:var(--q-marrom)}.quiz-btn-cheio:hover{background:var(--q-dourado)}.quiz-btn-linha{border:1px solid color-mix(in srgb, var(--q-dourado) 70%, transparent);color:var(--q-marfim)}.quiz-btn-linha:hover{border-color:var(--q-marfim);background:color-mix(in srgb, var(--q-marfim) 8%, transparent)}.quiz :focus-visible{outline:2px solid var(--q-dourado);outline-offset:3px}.quiz-claro :focus-visible{outline-color:var(--q-terracota)}.quiz-opcao{border:1px solid color-mix(in srgb, var(--q-marrom) 22%, transparent);background:color-mix(in srgb, var(--q-marfim) 70%, transparent);text-align:left;border-radius:.85rem;align-items:center;gap:1rem;width:100%;min-height:4rem;padding:1rem 1.15rem;font-size:1rem;line-height:1.4;transition:background-color .25s,border-color .25s,color .25s,transform .25s;display:flex}.quiz-opcao:hover{border-color:var(--q-terracota)}.quiz-opcao[aria-pressed=true]{background:var(--q-terracota);border-color:var(--q-terracota);color:var(--q-marfim)}.quiz-letra{width:2rem;height:2rem;font-family:var(--q-titulo);opacity:.8;border:1px solid;border-radius:999px;flex:none;place-items:center;font-size:1rem;display:grid}.quiz-progresso{background:color-mix(in srgb, var(--q-marrom) 14%, transparent);border-radius:999px;height:3px;overflow:hidden}.quiz-progresso>span{background:var(--q-terracota);border-radius:inherit;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}@keyframes quiz-entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes quiz-revela{0%{opacity:0;clip-path:inset(100% 0 0 round 1.25rem);transform:scale(1.04)}to{opacity:1;clip-path:inset(0 round 1.25rem);transform:none}}.quiz-entra{animation:.6s cubic-bezier(.22,1,.36,1) both quiz-entra}.quiz-revela{animation:1.3s cubic-bezier(.22,1,.36,1) both quiz-revela}.quiz-atraso-1{animation-delay:.15s}.quiz-atraso-2{animation-delay:.5s}.quiz-atraso-3{animation-delay:.8s}@media (prefers-reduced-motion:reduce){.quiz-entra,.quiz-revela{animation:none}}.quiz-campo{border:1px solid color-mix(in srgb, var(--q-dourado) 55%, transparent);background:color-mix(in srgb, var(--q-marfim) 6%, transparent);width:100%;min-height:3.25rem;color:var(--q-marfim);border-radius:.75rem;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s;display:block}.quiz-campo::placeholder{color:color-mix(in srgb, var(--q-marfim) 45%, transparent)}.quiz-campo:focus{border-color:var(--q-marfim)}
