body.mapa-page{background:linear-gradient(180deg,#fffdf8,#fff8ee)}
.mapa-hero{position:relative;padding:86px 0 74px;background:radial-gradient(circle at 82% 18%,rgba(194,118,22,.16),transparent 32%),linear-gradient(180deg,#fffdf8,#fff8ee);border-bottom:1px solid var(--line)}
.mapa-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.mapa-hero-copy h1{font-family:"Cormorant Garamond",serif;font-weight:700;letter-spacing:-.055em;line-height:.9;font-size:clamp(66px,7vw,112px);margin:22px 0 20px;color:var(--ink)}
.mapa-lead{font-size:20px;line-height:1.7;color:var(--muted);max-width:680px;margin:0}
.mapa-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 22px}.mapa-note{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:800;color:#3d3934}.mapa-note i{color:var(--gold);margin-top:3px}
.mapa-hero-card{padding:30px;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);position:relative;overflow:hidden}.mapa-hero-card:before{content:"";position:absolute;inset:-120px -100px auto auto;width:280px;height:280px;border-radius:50%;background:rgba(194,118,22,.14)}
.mapa-score-preview{position:relative;z-index:1;border-radius:28px;padding:28px;background:linear-gradient(145deg,#fffaf3,#fff);border:1px solid var(--line)}.mapa-score-preview span{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.28em;font-size:12px}.mapa-score-preview strong{display:block;font-family:"Cormorant Garamond",serif;font-size:42px;line-height:1;margin:16px 0 16px}.preview-meter{height:14px;background:#f6ead7;border-radius:99px;overflow:hidden;border:1px solid var(--line)}.preview-meter b{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:99px}.mapa-score-preview small{display:block;margin-top:14px;color:var(--muted);font-weight:700}.preview-list{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.preview-list div{display:flex;align-items:center;gap:10px;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(194,118,22,.16);font-weight:900}.preview-list i{color:var(--gold)}
.mapa-tool-section{padding:90px 0;background:#fffaf3;border-bottom:1px solid rgba(194,118,22,.14)}.mapa-tool-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:start}.mapa-side h2{font-family:"Cormorant Garamond",serif;font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.05em;margin:18px 0}.mapa-side p{font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 24px}.mapa-side ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.mapa-side li{font-weight:900;color:#2c2824;display:flex;gap:10px;align-items:center}.mapa-side i{color:var(--gold)}
.mapa-app{background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:34px;padding:30px;min-height:610px}.mapa-progress{display:flex;align-items:center;gap:16px;margin-bottom:26px;color:var(--gold);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.mapa-progress>div{flex:1;height:9px;border-radius:99px;background:#f5ead9;overflow:hidden}.mapa-progress b{display:block;height:100%;width:10%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:.28s}
.mapa-screen{display:none}.mapa-screen.active{display:block;animation:screenIn .22s ease}.mapa-screen h3{font-family:"Cormorant Garamond",serif;font-size:clamp(34px,4.4vw,54px);line-height:1;letter-spacing:-.04em;margin:0 0 12px}.mapa-screen>p,.question-head+p{color:var(--muted);font-size:16px;line-height:1.68;margin:0 0 22px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.category-card{appearance:none;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;cursor:pointer;transition:.22s;box-shadow:0 10px 28px rgba(62,43,18,.055)}.category-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 18px 42px rgba(62,43,18,.10)}.category-card i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#fff4e4;color:var(--gold);font-size:22px;margin-bottom:14px}.category-card strong{display:block;font-size:16px;color:#171514;margin-bottom:6px}.category-card small{display:block;color:var(--muted);font-weight:700;line-height:1.45}.question-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.ghost-back{border:0;background:transparent;color:var(--gold);font-weight:900;cursor:pointer}.question-head span{font-weight:900;color:var(--muted);font-size:13px}.range-wrap{padding:26px;border:1px solid var(--line);border-radius:24px;background:#fffaf3;margin:24px 0}.range-wrap input[type=range]{width:100%;accent-color:var(--gold);height:8px}.range-value{text-align:center;font-family:"Cormorant Garamond",serif;font-size:74px;line-height:1;font-weight:700;color:var(--ink);margin:20px 0 10px}.range-value small{font-size:28px;color:var(--gold)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:800}.mapa-buttons{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.lead-grid label{display:grid;gap:8px;font-size:13px;font-weight:900;color:#2b2723}.lead-grid input{width:100%;height:54px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 16px;font:inherit;color:var(--ink);outline:none}.lead-grid input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(194,118,22,.10)}.privacy-line{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:800;color:var(--muted);margin-bottom:20px}.privacy-line i{color:var(--gold);margin-top:3px}.result-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.28em;color:var(--gold);font-size:12px;font-weight:900;margin-bottom:14px}.result-score-row{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;margin:18px 0 24px}.score-circle{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 55%,#f4e1be 56%);border:10px solid #f2dcc0;box-shadow:inset 0 0 0 7px rgba(194,118,22,.24),0 18px 38px rgba(62,43,18,.12)}.score-circle strong{font-family:"Cormorant Garamond",serif;font-size:58px;line-height:1}.score-circle span{margin-top:-32px;color:var(--gold);font-weight:900}.result-score-row>div:last-child strong{display:block;font-size:24px;margin-bottom:8px;color:#171514}.result-score-row p{margin:0;color:var(--muted);line-height:1.7}.result-bars{display:grid;gap:12px;margin:22px 0}.result-bar{display:grid;grid-template-columns:150px 1fr 46px;gap:12px;align-items:center;font-weight:900;font-size:13px}.result-bar .bar{height:10px;background:#f5ead9;border-radius:99px;overflow:hidden}.result-bar .bar b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.result-warning{display:flex;align-items:flex-start;gap:10px;padding:15px 16px;border-radius:16px;background:#fff7e9;border:1px solid var(--line);font-size:13px;font-weight:800;color:#4a433b;margin:22px 0}.result-warning i{color:var(--gold);margin-top:3px}.result-actions{justify-content:flex-start}.mapa-bottom-cta{padding:76px 0;background:#fffdf8}
body.mapa-page .footer{margin-top:0}
@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.mapa-hero-grid,.mapa-tool-shell{grid-template-columns:1fr}.mapa-hero{padding:60px 0}.mapa-hero-copy h1{font-size:72px}.mapa-app{min-height:auto}.category-grid{grid-template-columns:1fr 1fr}.result-score-row{grid-template-columns:120px 1fr}.score-circle{width:120px;height:120px}.score-circle strong{font-size:48px}}
@media(max-width:640px){.mapa-hero{padding:42px 0}.mapa-hero-copy h1{font-size:60px}.mapa-lead{font-size:17px}.mapa-hero-actions .btn{width:100%}.preview-list{grid-template-columns:1fr}.mapa-tool-section{padding:58px 0}.mapa-tool-shell{gap:28px}.mapa-app{padding:22px;border-radius:26px}.category-grid{grid-template-columns:1fr}.lead-grid{grid-template-columns:1fr}.mapa-buttons{display:grid}.mapa-buttons .btn{width:100%}.result-score-row{grid-template-columns:1fr;text-align:center}.score-circle{margin:auto}.result-bar{grid-template-columns:1fr;gap:6px}.range-value{font-size:62px}.question-head{display:grid}.mapa-progress{display:grid;gap:10px}.mapa-side h2{font-size:46px}}

/* V2 técnico - Mapa da Pele e Beleza */
.mapa-beleza-page .mapa-hero-copy h1{font-size:clamp(58px,6.4vw,104px)}
.answer-area{margin:24px 0}
.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 26px}
.option-card{appearance:none;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 17px;text-align:left;font-weight:900;color:#211f1d;cursor:pointer;transition:.22s;box-shadow:0 10px 26px rgba(62,43,18,.05);line-height:1.35}
.option-card:hover{transform:translateY(-2px);border-color:rgba(194,118,22,.42);box-shadow:0 16px 34px rgba(62,43,18,.09)}
.option-card.selected{background:linear-gradient(135deg,var(--gold),var(--gold-2));border-color:transparent;color:#fff;box-shadow:0 16px 34px rgba(194,118,22,.22)}
.option-card i{display:none;margin-right:8px}.option-card.selected i{display:inline-block}.multi-options .option-card{display:flex;align-items:center;gap:8px}
.result-rich{display:grid;gap:14px;margin:24px 0}
.result-rich-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:0 12px 30px rgba(62,43,18,.045)}
.result-rich-card h4{font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:900;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}
.result-rich-card ul{margin:0;padding-left:20px;display:grid;gap:9px}.result-rich-card li{color:#443d35;line-height:1.62;font-weight:650}.result-rich-card p{color:#443d35;line-height:1.7;margin:0;font-weight:650}.result-next-card{background:linear-gradient(135deg,#fffaf3,#fff)}
.mapa-screen h3{max-width:820px}.question-head+p{max-width:760px}.single-options .option-card,.multi-options .option-card{min-height:58px}.mapa-note{max-width:720px}
@media(max-width:640px){.option-grid{grid-template-columns:1fr}.result-rich-card{padding:18px}.mapa-beleza-page .mapa-hero-copy h1{font-size:52px}.category-card{padding:17px}.mapa-screen h3{font-size:36px}.mapa-side h2{font-size:42px}}