:root{--wine:#7b294d;--deep:#62213e;--rose:#fbf4f2;--ink:#242228;--muted:#6f6870;--line:#eaded9}*{box-sizing:border-box}body{margin:0;background:#fffefe;color:var(--ink);font-family:Inter,system-ui,sans-serif}header{height:112px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 56px;border-bottom:1px solid var(--line)}.doctor-logo{width:235px;height:84px;object-fit:contain}.clinic-logo{width:82px;height:72px;object-fit:contain}main{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:660px;padding:80px 56px;gap:80px;align-items:center}.intro{padding-right:20px}.line{display:block;width:56px;height:2px;background:var(--wine);margin-bottom:28px}.intro>p:first-of-type{font-size:13px;color:var(--wine);margin-bottom:22px}h1,h2{font-family:Newsreader,Georgia,serif;color:var(--deep);font-weight:500}h1{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-1px;margin:0 0 25px}.intro-copy{font-size:16px;line-height:1.8;color:var(--muted);max-width:410px}.signature{margin-top:38px;color:var(--wine);font-family:Newsreader,Georgia,serif;font-size:23px}.signature span{display:block;font-family:Inter,sans-serif;font-size:12px;color:var(--muted);margin-top:8px}.quiz{background:var(--rose);border:1px solid var(--line);border-radius:8px;padding:38px;min-height:410px;box-shadow:0 20px 55px #62213e08}h2{font-size:31px;line-height:1.18;margin:0 0 18px}p{line-height:1.7}.copy{color:var(--muted);font-size:14px}.small{font-size:12px;color:var(--muted);line-height:1.7}button,a{ -webkit-tap-highlight-color:transparent}button{font-family:Inter,sans-serif;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a8897a;outline-offset:4px}.primary{display:block;text-align:center;background:var(--wine);color:white;border:0;padding:17px 22px;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;width:100%;margin-top:26px}.primary:hover{background:var(--deep)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{display:block;text-align:center;color:var(--wine);font-size:13px;margin:20px auto 0;text-decoration:underline;background:none;border:0}.progress-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.track{height:3px;background:var(--line);margin:12px 0 28px}#bar{height:100%;background:var(--wine);transition:width .2s}.options{display:grid;gap:10px;margin-top:24px}.option{border:1px solid var(--line);background:white;color:var(--ink);padding:16px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:5px;font-size:13px;line-height:1.5;width:100%}.option:before{content:'';flex-shrink:0;width:17px;height:17px;border:1px solid #c9b8b1;border-radius:50%}.option[aria-pressed=true]{border-color:var(--wine);background:#f5e9e5}.option[aria-pressed=true]:before{border:5px solid var(--wine);background:white}.option:hover{border-color:var(--wine)}.back{margin-top:18px;border:0;background:none;color:var(--muted);font-size:12px;padding:8px 0}.fields{display:grid;gap:16px;margin-top:24px}label{font-size:13px}input,select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:5px;background:white;font:14px Inter,sans-serif;color:var(--ink)}.availability{border-left:2px solid var(--wine);padding-left:16px;margin:24px 0;font-size:14px;color:var(--deep)}footer{border-top:1px solid var(--line);padding:24px 56px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted);line-height:1.6}footer a{color:var(--wine)}[hidden]{display:none!important}@media(max-width:800px){header{height:88px;padding:10px 24px}.doctor-logo{width:190px;height:66px}.clinic-logo{width:64px;height:55px}main{padding:36px 24px 44px;grid-template-columns:1fr;gap:30px;min-height:0}.intro{padding:0}.intro>p:first-of-type{margin-bottom:16px}.line{margin-bottom:18px}h1{font-size:36px;max-width:480px}.intro-copy{font-size:14px;margin-bottom:0}.signature{display:none}.quiz{padding:26px;min-height:0}h2{font-size:28px}footer{padding:24px;flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.analysis{text-align:center;padding:30px 0}.analysis-spinner{width:52px;height:52px;margin:0 auto 28px;border:2px solid var(--line);border-top-color:var(--wine);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.analysis-spinner{animation:none}}
/* Marca: contraste vinho e rosé em toda a experiência. */
body{background:#f5e9e5}
header{background:#fffefe;border-bottom:0;border-radius:0 0 16px 16px;box-shadow:0 8px 30px #62213e0a}
main{position:relative;gap:56px}
.intro{background:var(--wine-deep,#62213e);color:white;padding:44px 36px;border-radius:16px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 44px #62213e18}
.intro .line{background:#d9b1bd;width:64px}
.intro>p:first-of-type{color:#f1cbd6}
.intro h1{color:#fffefe;font-size:clamp(36px,3.8vw,52px)}
.intro .intro-copy{color:#eedce3}
.intro .signature{color:#fffefe}
.intro .signature span{color:#dfbac9}
.quiz{background:#fffefe;border:0;border-top:5px solid var(--wine);border-radius:16px;box-shadow:0 22px 55px #62213e14;padding:36px}
.track{background:#f0dedf;height:5px;border-radius:8px;overflow:hidden}
#bar{background:var(--wine)}
.progress-caption{color:var(--wine);font-weight:500}
.option{background:#fbf4f2;border-color:#ead8da;border-radius:8px}
.option:hover{background:#f5e9e5}
.option[aria-pressed=true]{background:var(--wine);color:white;border-color:var(--wine)}
.option[aria-pressed=true]:before{border-color:#e8bdcd;background:var(--wine)}
.primary{border-radius:8px;box-shadow:0 8px 20px #7b294d24}
.availability{background:#f5e9e5;border-radius:0 8px 8px 0;padding:16px 18px;border-left:3px solid var(--wine)}
footer{background:var(--deep);color:#eddae2;border-top:0}
footer a{color:#fffefe}
@media(max-width:800px){header{border-radius:0}main{padding:24px 20px 36px;gap:22px}.intro{padding:28px 24px;border-radius:12px}.intro h1{font-size:34px}.intro .intro-copy{font-size:14px}.quiz{padding:26px 22px;border-radius:12px}.intro .line{margin-bottom:16px}footer{padding:24px}}
/* Enquadramento da logo original sem as margens brancas da imagem. */
header{height:148px;justify-content:center;padding:18px 24px;border-radius:0;border-bottom:1px solid var(--line);box-shadow:none;max-width:none}
.brand-group{display:flex;align-items:center;justify-content:center;gap:32px}
.doctor-brand{position:relative;display:block;width:250px;height:110px;overflow:hidden;flex-shrink:0}
.doctor-logo{position:absolute;display:block;width:250px;height:auto;max-width:none;top:-98px;left:0}
.brand-divider{width:1px;height:62px;background:var(--line)}
.clinic-logo{width:90px;height:88px;object-fit:contain;flex-shrink:0}
@media(max-width:800px){header{height:120px;padding:12px 20px}.brand-group{gap:20px}.doctor-brand{width:200px;height:90px}.doctor-logo{width:200px;height:auto;top:-78px}.brand-divider{height:48px}.clinic-logo{width:68px;height:66px}}
@media(max-width:360px){.brand-group{gap:14px}.doctor-brand{width:180px;height:80px}.doctor-logo{width:180px;top:-70px}.clinic-logo{width:60px;height:60px}}
