body.on-quiz{padding-bottom:var(--controls-height)}
.on-quiz main{background:linear-gradient(#fff8ee24,#fff8ee32),url('assets/quiz/cenario.webp') center top/cover no-repeat;background-attachment:fixed;min-height:calc(100svh - var(--controls-height))}
.quiz-page{max-width:1140px;margin:0 auto;padding:18px 28px 28px;color:#383852}
.quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quiz-return,.quiz-time{border:2px solid #fff9ed;border-radius:32px;background:#fffaf0f2;box-shadow:0 3px 0 #b4c4c487;font:500 1rem/1.2 Fredoka,Arial,sans-serif;padding:10px 18px;min-height:46px;display:flex;align-items:center;gap:8px}
.quiz-time{font-size:.875rem;min-height:40px}
.quiz-heading{text-align:center;margin:-38px auto 20px;max-width:620px;pointer-events:none}
.quiz-heading p{display:table;margin:0 auto 5px;background:#fffaeedd;padding:3px 15px;border-radius:20px;font-size:.875rem;color:#4c5364}
.quiz-heading h1{display:inline-block;font-family:Fredoka,Arial,sans-serif;font-size:clamp(2.4rem,4.8vw,4rem);font-weight:600;line-height:1.12;letter-spacing:.005em;color:#fff7e3;-webkit-text-stroke:6px #7b569d;paint-order:stroke fill;text-shadow:0 4px 0 #ab86bd,0 8px 0 #67427f,0 11px 0 #efe0bd;filter:drop-shadow(0 5px 3px #78668b33)}
.quiz-heading h1 span{color:#9be0d9}
.quiz-progress{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin:8px auto 18px;padding:7px 16px;width:max-content;max-width:100%;border:2px solid #fff9eb;border-radius:28px;background:#fffaf0f0;font-size:.875rem}
.quiz-progress ol{list-style:none;display:flex;gap:6px;padding:0;margin:0}
.quiz-progress li{width:25px;height:25px;display:grid;place-items:center;border:1.5px solid #baa7cd;border-radius:50%;background:#eee5f2;color:#533f6e;font-size:.875rem;line-height:1}
.quiz-progress li[aria-current]{outline:2px solid #654288;outline-offset:2px;font-weight:bold;background:#fff9e8}
.quiz-progress li.is-visited{background:#e3efdb;border-color:#8ca773;color:#3e6338}
.quiz-stage{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:start}
.quiz-company{align-self:start;padding-top:8px}
.quiz-company figure{margin:0;text-align:center}
.quiz-dentim>img{display:block;width:100%;height:228px;object-fit:contain}
.quiz-company figcaption{display:table;margin:6px auto 0;background:#fffaf1ef;border:2px solid #fff;border-radius:24px;padding:4px 14px;font-family:Fredoka,Arial,sans-serif;font-size:1rem}
.quiz-guest{margin-top:18px!important}.quiz-guest>img{display:block;width:100%;height:120px;object-fit:contain}
.quiz-germinhos{display:flex;align-items:center;justify-content:center;height:110px;gap:2px}
.quiz-germinhos img{min-width:0;width:33.33%;height:100%;object-fit:contain}
.quiz-guest figcaption{font-size:.9rem;margin-top:0}
.quiz-card{padding:22px 26px 18px;background:#fffaf2f5;border:3px solid #fffdf4;border-radius:32px;box-shadow:0 6px 0 #c4d7ca,0 12px 25px #57626618;min-width:0}
.quiz-prompt-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.quiz-topic{font-size:.875rem;font-weight:bold;color:#655086}
.quiz-listen{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:2px solid #d7c6e7;border-radius:25px;background:#f3ebf7;padding:8px 14px;font-size:.9rem;line-height:1.2;color:#583b78}
.quiz-listen span{font-size:1.15rem}
.quiz-setup{font-size:1rem;line-height:1.4;color:#57596b;margin-bottom:9px;max-width:620px}
#quiz-question{font-family:Fredoka,Arial,sans-serif;font-size:clamp(1.4rem,2.3vw,1.9rem);font-weight:500;line-height:1.18;margin:0 0 22px;scroll-margin-top:15px}
.quiz-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.quiz-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:184px;padding:20px 12px 12px;border:3px solid #d4c5e4;border-radius:27px;background:linear-gradient(#fffcf3,#f3ebf7);box-shadow:0 5px 0 #b49bc9;color:#383851;transition:transform .15s}
.quiz-choice:hover:not([aria-disabled=true]){transform:translateY(-3px)}
.quiz-choice:focus-visible{outline:4px solid #255784;outline-offset:4px}
.quiz-option-number{position:absolute;left:9px;top:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e7dbf0;font-size:.85rem;line-height:1;color:#503762}
.quiz-option-art{height:85px;display:flex;justify-content:center;align-items:center;width:95%;gap:2px}
.quiz-option-art img{height:100%;object-fit:contain;max-width:100%;min-width:0;flex:0 1 100%;width:100%}
.quiz-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:22px;background:#e1eeea;color:#437d79;font:bold 3rem/1 Arial,sans-serif}
.quiz-option-text{font-family:Fredoka,Arial,sans-serif;font-size:1.16rem;line-height:1.17;text-align:center;max-width:100%}
.quiz-choice-note{font-size:.8rem;line-height:1.2;min-height:16px;font-weight:bold}
.quiz-choice.is-selected{border-color:#7754a4}
.quiz-choice.is-recommended{background:linear-gradient(#fffdef,#eaf2e0);border-color:#8ca974;box-shadow:0 5px 0 #839c6d}
.quiz-choice[aria-disabled=true]{cursor:default}
.quiz-invitation{font-size:.94rem;line-height:1.35;text-align:center;margin:18px 0 0;color:#565367}
.quiz-feedback{display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px;border-top:2px solid #e1d8e8;margin-top:24px;padding-top:18px}
.quiz-lia img{display:block;width:66px;height:88px;object-fit:contain}.quiz-lia span{display:block;text-align:center;font-size:.8rem;color:#586575;line-height:1.2;margin-top:3px}
.quiz-feedback h3{font-size:1.35rem;font-weight:500;margin-bottom:8px}.quiz-feedback p{font-size:1rem;line-height:1.45}
.quiz-feedback-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}
.quiz-primary,.quiz-secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:10px 23px;border:3px solid #fff7e8;border-radius:30px;font:500 1.1rem/1.2 Fredoka,Arial,sans-serif}
.quiz-primary{background:#7754a4;box-shadow:0 5px 0 #513a70;color:#fff}.quiz-primary:hover{background:#65468e}
.quiz-secondary{background:#fff9eef7;box-shadow:0 4px 0 #b7c7c7;color:#4b4662}
.quiz-restart-row{display:flex;justify-content:center;margin-top:22px}.quiz-restart-row button{font-size:.95rem}
.quiz-adult{background:#fffaf1f5;border:3px solid #d5c3e3;border-radius:25px;padding:24px;margin-top:25px;line-height:1.5}
.quiz-adult h2{font-size:1.35rem;margin-bottom:12px}.quiz-adult p+p{margin-top:12px}.quiz-adult details{margin-top:12px}.quiz-adult summary{min-height:44px;align-content:center;cursor:pointer;font-weight:bold}.quiz-adult a{color:#593780;text-underline-offset:3px}.quiz-adult li+li{margin-top:6px}
.quiz-finish{max-width:850px;margin:0 auto;background:#fffaf1f5;border:3px solid #fff;border-radius:32px;text-align:center;padding:24px}
.quiz-finish h2{font-size:1.9rem;font-weight:500;margin:12px 0}.quiz-finish p{font-size:1.05rem;line-height:1.45}
.quiz-finish-check{display:inline-grid;place-items:center;background:#e7f0d5;border:2px solid #9fb980;border-radius:50%;width:48px;height:48px;color:#426332;font-size:1.9rem}
.quiz-dentim-turma{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0 15px}.quiz-dentim-turma img{width:100%;height:145px;object-fit:contain}
.quiz-belonging{font-family:Fredoka,Arial,sans-serif;color:#654888}.quiz-finish-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:20px}
.quiz-page [tabindex],.quiz-page button{scroll-margin-bottom:calc(var(--controls-height) + 20px);scroll-margin-top:18px}
body.calm .quiz-choice:hover{transform:none}body.calm.on-quiz main{background-image:linear-gradient(#e8e1d140,#e8e1d140),url('assets/quiz/cenario.webp')}
@media(max-width:1100px){.quiz-page{padding:16px 20px 26px}.quiz-stage{grid-template-columns:170px minmax(0,1fr);gap:18px}.quiz-dentim>img{height:198px}.quiz-card{padding:20px}.quiz-heading{margin:8px auto 18px}.quiz-heading h1{font-size:3.2rem}}
@media(max-width:700px){
 .quiz-page{padding:12px 12px 22px}.quiz-return{font-size:.94rem;min-height:46px;padding:8px 13px}.quiz-time{font-size:.82rem;padding:8px 10px}
 .quiz-heading{margin:16px auto 16px}.quiz-heading p{font-size:.875rem}.quiz-heading h1{font-size:2.6rem;-webkit-text-stroke:4px #7b569d;text-shadow:0 3px 0 #ab86bd,0 6px 0 #67427f,0 9px 0 #efe0bd}
 .quiz-progress{margin-bottom:10px;font-size:.875rem;gap:7px 12px;padding:6px 12px}.quiz-progress li{width:22px;height:22px}.quiz-progress ol{gap:5px}
 .quiz-stage{display:block}.quiz-company{display:flex;justify-content:center;align-items:center;gap:22px;margin:0 auto 12px;padding:0;max-width:400px}.quiz-company figure{width:45%}.quiz-dentim>img{height:118px}.quiz-company figcaption{font-size:.875rem;padding:2px 12px;margin-top:2px}.quiz-guest{margin:0!important}.quiz-guest>img,.quiz-germinhos{height:100px}
 .quiz-card{border-radius:27px;padding:16px 14px}.quiz-prompt-top{gap:9px;flex-wrap:wrap;margin-bottom:12px}.quiz-topic{font-size:.875rem}.quiz-listen{font-size:.875rem;padding:7px 11px}
 #quiz-question{font-size:1.45rem;line-height:1.2;margin-bottom:18px}.quiz-setup{font-size:1rem}
 .quiz-choices{grid-template-columns:1fr;gap:12px}.quiz-choice{min-height:102px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px 12px;padding:12px 12px 12px 25px;border-radius:22px}.quiz-option-art{height:66px;width:70px}.quiz-option-text{text-align:left;font-size:1.16rem}.quiz-option-number{width:21px;height:21px;left:5px;top:5px;font-size:.78rem}.quiz-choice-note{grid-column:2;font-size:.8rem}.quiz-symbol{width:54px;height:54px;font-size:2.4rem}
 .quiz-feedback{grid-template-columns:44px minmax(0,1fr);gap:10px}.quiz-lia img{width:44px;height:65px}.quiz-lia span{font-size:.75rem}.quiz-feedback h3{font-size:1.2rem}.quiz-feedback-actions{justify-content:stretch}.quiz-feedback-actions button{flex:1;min-width:120px}.quiz-adult{padding:18px}.quiz-finish{padding:20px 14px}.quiz-finish h2{font-size:1.6rem}.quiz-dentim-turma{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quiz-dentim-turma img{height:135px}.quiz-finish-actions{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.quiz-choice:hover{transform:none}}
