@font-face{font-family:Editorial;src:url('./assets/editorial.otf')}@font-face{font-family:Vietnam;src:url('./assets/vietnam.ttf')}@font-face{font-family:Vietnam;src:url('./assets/vietnam-semibold.ttf');font-weight:600}:root{--paper:#f9f7e0;--wine:#781f29;--ink:#382426;--muted:#6e5556;--gold:#e3b642;--line:#d7ccbc;--white:#fffef7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Vietnam,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}header,footer{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid var(--line)}.brand{font:30px/1 Editorial,Georgia,serif;text-decoration:none}.brand span{display:block;font:10px/2 Vietnam,sans-serif;letter-spacing:2px;margin-top:6px}.header-note{font-size:13px;color:var(--muted)}main{min-height:70vh}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Editorial,Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(40px,4.7vw,70px);letter-spacing:-1px}h2{font-size:clamp(30px,3vw,44px)}h3{font-size:28px}p{margin-top:20px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;display:block;margin-bottom:24px}.home{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;min-height:640px}.intro{padding:65px 9% 65px 8%}.intro h1 em{font-style:normal;color:var(--wine)}.intro p{max-width:560px;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 28px;border:1px solid var(--wine);background:var(--wine);color:var(--white);border-radius:6px;text-decoration:none;font-weight:600}.primary:hover{background:#5e1820}.primary:disabled{opacity:.4;cursor:not-allowed}.intro .primary{margin-top:30px}.meta{font-size:12px;margin-top:17px;letter-spacing:.2px}.map-panel{background:var(--wine);color:var(--paper);padding:56px 11%;display:flex;flex-direction:column;justify-content:center}.map-panel .eyebrow{color:var(--gold)}.map-panel h2{font-size:46px;max-width:360px}.path-row{display:grid;grid-template-columns:45px 1fr;gap:16px;border-top:1px solid #ffffff30;padding:24px 0;align-items:start}.path-row:first-of-type{margin-top:30px}.path-row .num{font:30px Editorial;color:var(--gold)}.path-row strong{font-weight:600;font-size:16px}.path-row p{font-size:14px;color:#e3d5cd;margin-top:5px}.panel-foot{font-size:13px;color:#e3d5cd;margin-top:10px}.quiz-wrap{max-width:1180px;margin:auto;padding:45px 5% 60px;display:grid;grid-template-columns:240px 1fr;gap:65px}.side{padding-top:6px}.side h2{font-size:34px;margin-bottom:24px}.side p{font-size:14px;color:var(--muted)}.steps{display:flex;gap:6px;margin:25px 0}.steps span{flex:1;height:4px;background:var(--line)}.steps .done{background:var(--wine)}.question-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:18px}.question h1{font-size:clamp(30px,3vw,43px);line-height:1.16;letter-spacing:0;max-width:740px}.hint{font-size:14px;color:var(--muted);margin:16px 0 24px}.options{border:0;margin:0;padding:0;display:grid;gap:10px}.option{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:7px;cursor:pointer;background:var(--white);line-height:1.5}.option:hover{border-color:var(--wine)}.option:has(input:checked){background:#ede2d6;border-color:var(--wine);box-shadow:inset 3px 0 var(--wine)}input[type=radio]{accent-color:var(--wine);width:19px;height:19px;flex-shrink:0}.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:28px}.plain{background:none;border:0;color:var(--muted);padding:12px 0;text-decoration:underline;text-underline-offset:4px}.pause{max-width:760px;margin:65px auto;padding:0 28px}.pause .quote{font:32px/1.35 Editorial;margin:30px 0;padding:28px;border-left:3px solid var(--gold);background:var(--white)}.pause .primary{margin-top:28px}.result{max-width:1080px;margin:auto;padding:55px 5%}.result-hero{display:grid;grid-template-columns:1fr 230px;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}.result-hero h1{font-size:clamp(39px,4.7vw,60px)}.result-hero p{color:var(--muted)}.seal{background:var(--wine);color:var(--paper);padding:24px;display:flex;flex-direction:column;justify-content:center}.seal span{font:72px Editorial;color:var(--gold);line-height:1}.seal p{color:var(--paper);font-size:14px}.result-body{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin-top:36px}.card{background:var(--white);border:1px solid var(--line);padding:28px;border-radius:8px;margin-bottom:20px}.card p,.result-body p{font-size:15px}.card .eyebrow{margin-bottom:16px;color:var(--wine)}.evidence{font-size:14px;color:var(--muted);padding-left:20px}.evidence li{margin-top:10px}.task{background:#f0e3b0;border-color:#dbc06d}.cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.cycle div{border-top:3px solid var(--line);padding-top:10px;font-size:12px}.cycle b{display:block;font:32px Editorial}.cycle .active{border-color:var(--wine);color:var(--wine)}.club{padding:35px;background:var(--wine);color:var(--paper);border-radius:8px;margin-top:30px}.club .eyebrow{color:var(--gold)}.club .primary{background:var(--gold);color:var(--ink);border-color:var(--gold);margin-top:22px}.club p{max-width:700px}.small{font-size:12px;color:var(--muted)}.result>.small{margin-top:24px}.pending{display:inline-block;margin-top:20px;padding:12px 18px;border:1px solid #ffffff70;border-radius:6px;font-size:14px}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line)}:focus-visible{outline:3px solid #ad6b00;outline-offset:5px}h1:focus,h2:focus{outline:none}.skip{position:absolute;left:12px;top:-60px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){header,footer{padding:20px 6%}.header-note{display:none}.home{grid-template-columns:1fr;min-height:0}.intro{padding:42px 6%}.intro h1{font-size:43px}.map-panel{padding:35px 6%}.map-panel h2{font-size:36px}.path-row{padding:19px 0}.quiz-wrap{display:block;padding:25px 6% 40px}.side h2,.side p,.side .eyebrow{display:none}.steps{margin:0 0 24px}.question h1{font-size:32px}.option{padding:14px;font-size:15px}.primary{padding:14px 22px}.result{padding:35px 6%}.result-hero{grid-template-columns:1fr}.seal{display:none}.result-body{grid-template-columns:1fr;gap:0}.card{padding:23px}.club{padding:25px}.cycle{gap:8px}.cycle div{font-size:11px}footer{align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:no-preference){main{animation:show .3s ease}@keyframes show{from{opacity:.6}to{opacity:1}}}
/* Vinho como superfície principal, conforme direção da Renata. */
body{background:#781f29;color:#f9f7e0}
header,footer{border-color:#ffffff30}
.header-note,footer,.intro p,.side p,.question-top,.hint,.small,.result-hero p,.evidence{color:#e4cdd0}
.intro h1 em{color:#e3b642}
.map-panel{background:#641924;border-left:1px solid #ffffff20}
.primary{background:#e3b642;color:#382426;border-color:#e3b642}
.primary:hover{background:#efd077}
.option{background:#641924;border-color:#b57880;color:#fff9eb}
.option:hover{border-color:#e3b642;background:#70212e}
.option:has(input:checked){background:#f9f7e0;color:#382426;border-color:#e3b642;box-shadow:inset 4px 0 #e3b642}
.plain{color:#f9f7e0}
.steps span{background:#b5788070}.steps .done{background:#e3b642}
.pause .quote{background:#641924}
.result-hero{border-color:#ffffff30}
.card{background:#641924;border-color:#b5788070;color:#f9f7e0}
.card .eyebrow{color:#e3b642}
.task{background:#e3b642;color:#382426;border-color:#e3b642}
.task .eyebrow{color:#641924}
.seal{background:#641924}.seal p{color:#f9f7e0}
.cycle div{border-color:#b5788070}.cycle .active{color:#e3b642;border-color:#e3b642}
.club{background:#50141d;border:1px solid #b5788070}
input[type=radio]{accent-color:#781f29}
.skip{color:#382426}
:focus-visible{outline-color:#e3b642}
@media(max-width:760px){.map-panel{border-left:0;border-top:1px solid #ffffff30}}

/* Logo original da identidade visual. */
.brand{display:inline-block}.brand-logo{display:block;width:136px;height:auto;object-fit:contain}.brand span{margin-top:10px}.panel-foot,.footer-brand{display:flex;align-items:center;gap:10px}.panel-foot .brand-logo{width:78px}.footer-brand .brand-logo{width:82px}