/* Opt-in presentation. /anterior and /v1 retain the established appearance. */
.resultWhatsapp { display:flex; flex:1 0 100%; align-items:center; justify-content:center; min-height:48px; padding:11px 15px; margin-top:10px; border:1px solid #7ba995; border-radius:12px; color:#d9f9e9; background:#ffffff08; font-size:.9375rem; font-weight:700; text-decoration:none; text-align:center; }
.resultWhatsapp:hover { background:#ffffff16; }
.resultWhatsapp:focus-visible { outline:3px solid #70d3ff; outline-offset:3px; }
html[data-visual="novo"] {
  --ink:#102737; --muted:#5a6d78; --blue:#176f9d; --bright:#70d3ff;
}
html[data-visual="novo"] body {
  background:#f5f7f7; color:var(--ink);
}
html[data-visual="novo"] .shell { min-height:100svh; }
html[data-visual="novo"] .topbar { margin:0 auto; padding:22px 0; }
html[data-visual="novo"] .prototype { border:0; background:transparent; color:#536c7a; }
html[data-visual="novo"] .main { gap:60px; padding:30px 0 40px; }
html[data-visual="novo"] .intro { padding:48px 40px; border-radius:28px; background:#0a283c; color:#fff; }
html[data-visual="novo"] .intro .eyebrow { display:block; background:none; border:0; padding:0; color:#a9c4d5; font-size:.72rem; letter-spacing:.08em; }
html[data-visual="novo"] .intro h1 { font-size:clamp(2.5rem,4.2vw,4rem); line-height:1.07; letter-spacing:-.055em; }
html[data-visual="novo"] .intro h1 em { color:#79d6ff; }
html[data-visual="novo"] .intro .lead { margin-top:22px; color:#c6d9e4; line-height:1.5; }
html[data-visual="novo"] .promise { display:none; }
html[data-visual="novo"] .card { box-shadow:none; border:0; background:transparent; overflow:visible; }
html[data-visual="novo"] .card.startMode .cardBody { padding:0; }
html[data-visual="novo"] .startTitle { font-size:1.65rem; letter-spacing:-.035em; }
html[data-visual="novo"] .startCopy { display:none; }
html[data-visual="novo"] .planGrid { grid-template-columns:1fr; gap:12px; margin-top:20px; }
html[data-visual="novo"] .planCard { border-radius:18px; padding:22px; min-height:100px; }
html[data-visual="novo"] #basicButton { background:#146e9e; border:1px solid #146e9e; color:#fff; box-shadow:0 10px 28px #176f9d20; }
html[data-visual="novo"] #basicButton:hover { background:#105f8a; }
html[data-visual="novo"] #basicButton .planBadge { display:none; }
html[data-visual="novo"] #basicButton .planText>strong { font-size:1.18rem; margin:0 0 7px; }
html[data-visual="novo"] #basicButton .planMeta { color:#e1f2fc; }
html[data-visual="novo"] #basicButton .planArrow { background:#ffffff20; color:white; }
html[data-visual="novo"] #completeButton { min-height:76px; background:transparent; border:1px solid #c7d4db; padding:18px 22px; color:var(--ink); }
html[data-visual="novo"] #completeButton .planMeta { color:var(--muted); }
html[data-visual="novo"] #completeButton .planBadge { display:none; }
html[data-visual="novo"] #completeButton .planText>strong { margin:0 0 4px; font-size:1rem; }
html[data-visual="novo"] #completeButton .planArrow { background:transparent; color:var(--blue); }
html[data-visual="novo"] .micro { margin-top:16px; }
html[data-visual="novo"] .appearanceLink { align-self:center; margin:0 12px 12px; min-height:44px; display:flex; align-items:center; color:#5a6d78; font-size:.75rem; text-underline-offset:3px; }
html[data-visual="novo"] .quiz-active .appearanceLink { display:none; }
html[data-visual="novo"] .quiz-active .intro { display:none; }
html[data-visual="novo"] .quiz-active .main { display:block; width:min(660px,calc(100% - 32px)); margin:0 auto; padding-top:0; }
html[data-visual="novo"] .quiz-active .card { min-height:calc(100svh - 100px); }
html[data-visual="novo"] .cardHead { padding:12px 0 24px; border:0; }
html[data-visual="novo"] .cardBody { padding:6px 0 20px; }
html[data-visual="novo"] .cardFoot { padding:0 0 16px; background:#f5f7f7; }
html[data-visual="novo"] .question { font-size:clamp(1.55rem,3vw,2.1rem); }
html[data-visual="novo"] .kicker { color:#647b88; font-weight:600; }
html[data-visual="novo"] .option { min-height:60px; padding:15px 18px; border-radius:16px; background:#fff; border-color:#d4dfe5; }
html[data-visual="novo"] .option.selected { background:#e1f3fc; border-color:var(--blue); }
html[data-visual="novo"] .option .arrow { background:transparent; border:1px solid #c6d9e4; }
html[data-visual="novo"] .results { width:min(700px,calc(100% - 32px)); margin-top:12px; }
html[data-visual="novo"] .resultTop { padding:30px; border-radius:24px; background:#0a283c; box-shadow:none; }
html[data-visual="novo"] .resultTop:after { display:none; }
html[data-visual="novo"] .monthlyHero { padding:0 0 24px; border:0; border-bottom:1px solid #ffffff20; border-radius:0; background:transparent; }
html[data-visual="novo"] .monthlyHero span { color:#c5dce9; font-size:.875rem; }
html[data-visual="novo"] .monthlyHero strong { color:#7cd9ff; font-size:clamp(2rem,6.8vw,3.25rem); line-height:1.15; margin:10px 0; letter-spacing:-.055em; }
html[data-visual="novo"] .monthlyHero small { color:#c5dce9; font-size:.8125rem; }
html[data-visual="novo"] .resultGrid { margin-top:22px; grid-template-columns:58px minmax(0,1fr); gap:14px; text-align:left; align-items:center; }
html[data-visual="novo"] .resultGrid>div:last-child { display:contents; }
html[data-visual="novo"] .scoreRing { width:58px; height:58px; grid-row:1/span 2; }
html[data-visual="novo"] .scoreRing:before { inset:4px; }
html[data-visual="novo"] .score strong { font-size:1.1rem; }
html[data-visual="novo"] .score span { display:none; }
html[data-visual="novo"] .resultEyebrow { margin:0; font-size:.7rem; color:#a7c5d6; }
html[data-visual="novo"] .resultGrid .resultEyebrow { grid-column:2; }
html[data-visual="novo"] .resultTitle { grid-column:2; font-size:1.3rem; line-height:1.2; letter-spacing:-.025em; }
html[data-visual="novo"] .resultGrid .resultIntro { grid-column:1/-1; font-size:.9375rem; margin:0; }
html[data-visual="novo"] .coffeeInvite { margin:22px 0 14px; color:#d9e7ef; font-size:1rem; }
html[data-visual="novo"] .resultActions { margin:0; display:block; }
html[data-visual="novo"] .resultActions .resultAction { width:100%; background:#fff; color:#102737; border:0; min-height:54px; }
html[data-visual="novo"] .simulationNote { font-size:.8125rem; margin:12px 4px 20px; }
html[data-visual="novo"] .continuePanel { padding:20px 0; border-top:1px solid #d0dce3; }
html[data-visual="novo"] .continueHint { color:#3e5a6b; margin:0 0 12px; font-size:.9375rem; }
html[data-visual="novo"] .continuePanel button { background:#e1eff6; color:#125e89; border:1px solid #b5d3e4; width:100%; }
html[data-visual="novo"] .visualDetails { border-top:1px solid #d0dce3; border-bottom:1px solid #d0dce3; padding:4px 0; }
html[data-visual="novo"] .visualDetails>summary { cursor:pointer; padding:16px 4px; min-height:52px; color:#28566e; font-weight:650; }
html[data-visual="novo"] .visualDetails .metrics { grid-template-columns:1fr 1fr; margin:0 0 16px; }
html[data-visual="novo"] .visualDetails .metric { border:0; background:#eaf0f3; }
html[data-visual="novo"] .visualDetails .section { margin:0; padding:18px 0; border:0; background:transparent; }
html[data-visual="novo"] .visualDetails .section h2 { font-size:1.3rem; }
html[data-visual="novo"] .cta { grid-template-columns:1fr; background:#e9f1f5; color:var(--ink); padding:24px; }
html[data-visual="novo"] .cta[hidden] { display:none; }
html[data-visual="novo"] .cta>div { display:none; }
html[data-visual="novo"] .contact { padding:0; background:transparent; }
html[data-visual="novo"] .inlineContact { border:0; background:#e9f1f5; }
html[data-visual="novo"] .resultDetails { border:0; background:transparent; padding:8px 0; }
@media(max-width:880px){
  html[data-visual="novo"] .main { width:min(540px,calc(100% - 32px)); gap:24px; margin:0 auto; padding:8px 0 16px; }
  html[data-visual="novo"] .intro { text-align:left; padding:28px; border-radius:24px; }
  html[data-visual="novo"] .intro h1 { font-size:clamp(2rem,7.8vw,3rem); }
  html[data-visual="novo"] .intro .lead { margin:16px 0 0; font-size:1rem; }
  html[data-visual="novo"] .topbar { width:calc(100% - 32px); min-height:68px; padding:12px 0; }
  html[data-visual="novo"] .startTitle { font-size:1.4rem; }
  html[data-visual="novo"] .planGrid { margin-top:12px; gap:10px; }
  html[data-visual="novo"] .planCard { padding:18px; min-height:90px; }
  html[data-visual="novo"] #completeButton { padding:14px 18px; }
  html[data-visual="novo"] .resultTop { padding:24px 20px; }
}
@media(max-width:360px){
  html[data-visual="novo"] .intro { padding:22px; }
  html[data-visual="novo"] .intro h1 { font-size:1.9rem; }
  html[data-visual="novo"] .intro .eyebrow { font-size:.65rem; }
  html[data-visual="novo"] #basicButton .planText>strong { font-size:1.05rem; }
  html[data-visual="novo"] .visualDetails .metrics { grid-template-columns:1fr; }
}