.quiz-page{background:#faf6ed;color:#173529}
.quiz-main{max-width:800px;margin:auto;padding:22px clamp(14px,4vw,36px) 48px}
.quiz-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 0 18px;background:none}
.quiz-top img{width:min(100%,200px);height:auto;display:block}
.quiz-top>a:last-child{flex:none;font:600 .875rem system-ui;text-decoration:underline}
.quiz-frame{position:relative;border:1px solid #a48649;outline:1px solid #c2ac7c;outline-offset:-6px;background:#fffaf0;padding:clamp(20px,5vw,45px)}
.quiz-ornament{height:58px;width:100px;margin:0 auto 12px;position:relative;background:url(home-abertura-1240.webp) 67% 40%/620% auto no-repeat;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 75%)}
.quiz-ornament span,.quiz-ornament i{display:none}
.quiz-frame>.eyebrow,.quiz-frame>h1,.quiz-frame>h1+p{text-align:center}
.quiz-frame .eyebrow{color:#286456;font-weight:700}
.quiz-frame h1{font-size:clamp(2rem,6vw,3.7rem);line-height:1.06;margin-bottom:14px}
.quiz-frame h2{font-size:clamp(1.75rem,4.5vw,2.6rem);margin-bottom:12px}
.quiz-frame p:not(.eyebrow){font:1rem/1.65 system-ui}
.quiz-frame a{text-underline-offset:.22em}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.choices[hidden]{display:none}
.choices button{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:13px 16px;border:1px solid #a48649;background:#f2ead8;color:inherit;text-align:left;font:1.18rem Georgia,serif;cursor:pointer}
.choices button::before,.choices button::after{content:'';position:absolute;width:8px;height:8px;background:#fffaf0;pointer-events:none}
.choices button::before{top:-1px;left:-1px;border-bottom:1px solid #a48649;border-right:1px solid #a48649}
.choices button::after{bottom:-1px;right:-1px;border-top:1px solid #a48649;border-left:1px solid #a48649}
.choices button:hover{background:#e5efea}
.quiz-frame :focus-visible{outline:3px solid #167980;outline-offset:4px}
.result{border-top:1px solid #c2ac7c;margin-top:20px;padding-top:20px;scroll-margin-top:20px}
.result:focus{outline:none}
.result .source,.quiz-frame .quiz-note{font-size:.85rem}
.result .source{margin-top:14px}
.quiz-frame .quiz-note{margin:20px 0 0;color:#4e6157}
.back{margin-top:12px;min-height:44px;background:none;border:0;padding:0;text-decoration:underline;color:inherit;font:600 1rem system-ui;cursor:pointer}
@media(max-width:540px){.choices{grid-template-columns:1fr}.quiz-top img{width:145px}}
.diabetes fieldset{min-width:0;margin:14px 0;padding:12px 14px;border:1px solid #c2ac7c;background:#fbf4e6}
.diabetes legend{font:600 1rem/1.45 system-ui;padding:0 5px}
.diabetes fieldset p{margin:0 0 8px}
.diabetes label{display:flex;align-items:center;gap:9px;min-height:44px;font:1rem/1.4 system-ui;cursor:pointer}
.diabetes input{flex:none;accent-color:#286456}
.diabetes button.button{font:600 .95rem system-ui;border:0;min-height:44px;cursor:pointer}
#findrisc-result{border:1px solid #a48649;padding:16px;background:#f2ead8}
#findrisc-result h3{margin-top:0;font-size:clamp(1.3rem,4vw,1.75rem)}

.quiz-ornament{width:130px;height:70px;background-size:620% auto}
.quiz-ornament i{display:block;position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#a48649 30%,#a48649 70%,transparent)}
.quiz-ornament i::after{content:'';position:absolute;left:calc(50% - 3px);top:-3px;width:7px;height:7px;background:#a48649;transform:rotate(45deg)}
.choices button{background:#fbf3df;box-shadow:inset 0 0 0 4px #fbf3df,inset 0 0 0 5px #c2ac7c}
.choices button:hover{background:#f5e8c9}
#perguntas .choices{margin-top:16px}
.personal-tips{background:#f7efdc;border-left:2px solid #a48649;padding:12px 16px;margin:16px 0}
.personal-tips h3{margin:0 0 8px}
.personal-tips ul{font:1rem/1.55 system-ui;margin:0;padding-left:1.1em}
.personal-tips li+li{margin-top:6px}
.quiz-frame{border:14px solid transparent;border-image:url(moldura-quiz.svg) 20 stretch;outline:none;background-clip:padding-box}
.quiz-frame::before{content:'';position:absolute;top:-23px;left:50%;transform:translateX(-50%);width:78px;height:24px;background:#faf6ed url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 24' fill='none' stroke='%2397763a' stroke-width='1.4'%3E%3Cpath d='M0 11h13q11 0 26 11Q54 11 65 11h13M39 22V11m0 5C28 15 22 9 20 4c10 1 15 5 17 12m4 0C51 15 57 9 59 4c-10 1-15 5-17 12M39 15Q33 8 39 1q6 7 0 14Z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.quiz-top{padding-bottom:28px}
.choices button,.quiz-frame .button{border:12px solid transparent;border-image:url(plaqueta.svg) 20 fill stretch;background:transparent;box-shadow:none;color:#173529}
.choices button{padding:5px 9px}
.quiz-frame .button{padding:4px 9px}
.choices button::before,.choices button::after{content:none}
.choices button:hover,.quiz-frame .button:hover{background:transparent;filter:brightness(.96)}
@media(max-width:540px){.quiz-frame{padding-inline:12px}}
.contact>label{display:block;margin-top:12px;font:600 .95rem/1.5 system-ui}
.contact input:not([type=checkbox]),.contact textarea{display:block;width:100%;margin-top:5px;min-height:44px;padding:9px;border:1px solid #a48649;background:#fffaf0;color:#173529;font:1rem/1.5 system-ui}
.contact textarea{resize:vertical}
.contact .contact-consent{display:flex;gap:8px;align-items:flex-start;font-weight:400}
.contact-consent input{flex:none;margin-top:5px;accent-color:#286456}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.contact-actions button{cursor:pointer;font:600 .95rem system-ui}
#pedido-status:empty{display:none}