:root,[data-theme="dark"]{--paper:#171c22;--pale:#222932;--ink:#efede6;--muted:#bcc3c9;--green:#d8bd97;--clay:#dfb892;--rule:#4d5863;--accent:#d8bd97;--surface:#2a323c;--selected:#39434b;--button-ink:#20242a;--deep:#10161c;--focus:#efc89e;--error:#ffb6aa;color-scheme:dark}
[data-theme="light"]{--paper:#f3f0e9;--pale:#e9e5dc;--ink:#252d32;--muted:#505b62;--green:#3b514f;--clay:#805438;--rule:#b8bbb6;--accent:#c8a57d;--surface:#faf7f0;--selected:#dddcd1;--button-ink:#252b30;--deep:#e3ddd1;--focus:#805438;--error:#9d3027;color-scheme:light}
body,body.home>main{background:var(--paper)!important;color:var(--ink)!important}
header{background:var(--paper);color:var(--ink)}
header .brand{margin-right:auto}.theme-toggle{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink);padding:0;cursor:pointer;order:5}
.theme-toggle:hover{background:var(--pale)}.theme-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.theme-moon{display:none}[data-theme="light"] .theme-moon{display:block}[data-theme="light"] .theme-sun{display:none}
.theme-tool-bar{display:flex;justify-content:flex-end;padding:20px 5% 0;background:var(--paper)}
.nav-cta,.primary,button#avancar,button#pdf{background:var(--accent);color:var(--button-ink)}
.primary:hover,button#avancar:hover,button#pdf:hover{background:var(--accent);filter:brightness(1.08)}
::selection{background:var(--accent);color:var(--button-ink)}
.quiz,.explore-section,.answer-summary,.result-offer,.result-card{background:var(--pale);color:var(--ink)}
[data-ui] .option{background:var(--surface);border-color:var(--rule);color:var(--ink)}
.option:hover{background:var(--selected)}.option:has(input:checked){background:var(--selected);border-color:var(--green)}
.option input{accent-color:var(--clay)}
.error{color:var(--error)}
progress,progress::-webkit-progress-bar{background:var(--surface)}progress::-webkit-progress-value{background:var(--clay)}progress::-moz-progress-bar{background:var(--clay)}
.region-filter,.explore-card{background:var(--surface);color:var(--ink)}.region-filter[aria-pressed=true]{background:var(--accent);color:var(--button-ink)}
.book-section{background:var(--deep);color:var(--ink)}.book-section .section-heading>p,.book-section .fine,.book-section .book-contents p{color:var(--muted)}
.book-detail-art{background:var(--pale)}.book-section .book-contents h3,.book-section h2,.book-section h3{color:var(--ink)}
.faq-section,.tools-section,footer{background:var(--paper);color:var(--ink)}
.faq-items details,.explore-card{border-color:var(--rule)}
.fine,.quiz-privacy,.question-help,.quiz-photo figcaption span,.photo-caption small{color:var(--muted)}
[data-ui] .secondary{color:var(--ink);border-color:var(--rule)}
.cinematic-promo{--background:var(--deep);--foreground:var(--ink);--primary:var(--accent);background:var(--deep);color:var(--ink)}
.cinematic-promo .footer-center h2{color:var(--ink);filter:none}.cinematic-promo .footer-center>p,.cinematic-promo .footer-motion-control{color:var(--muted)}
.cinematic-promo .footer-pill{background:transparent;border-color:var(--rule);color:var(--ink);box-shadow:none;backdrop-filter:none}
.cinematic-promo .footer-pill-primary,.cinematic-promo .footer-pill-primary:hover{background:var(--accent);color:var(--button-ink);border-color:var(--accent)}
.cinematic-promo .footer-aurora{display:none}.cinematic-promo .footer-bg-grid{opacity:.3}.cinematic-promo .footer-marquee{background:var(--surface);backdrop-filter:none}.cinematic-promo .footer-marquee-item{color:var(--ink)}.cinematic-promo .footer-marquee-item span:after{background:var(--clay)}
.cinematic-promo .footer-giant-bg-text{color:transparent;-webkit-text-stroke:1px var(--rule);opacity:.18!important}
.tool-page h1,.tool-page h2,.tool-page h3{font-family:var(--display);font-weight:600}.tool-page p{font-size:16px}
.tool-page input,.tool-page select,.tool-page textarea{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--rule)}
.tool-page .destination,.tool-page .costs,.tool-page .notice,.tool-page .note{background:var(--pale);color:var(--ink);border-color:var(--rule)}
.tool-page .total,.tool-page aside{background:var(--deep);color:var(--ink)}.tool-page button:not(.theme-toggle){background:var(--accent);color:var(--button-ink);border-color:var(--rule)}
:is(button,a,input,select,textarea,summary):focus-visible,.option:focus-within{outline-color:var(--focus)}
[data-theme="dark"] .explore-card summary:after,[data-theme="dark"] .faq-items summary:after{filter:brightness(0) invert(.9)}
@media(max-width:760px){body.home>header{gap:14px;flex-wrap:wrap}.theme-toggle{width:40px;height:40px;order:0}.menu-toggle{order:1}#site-nav{background:var(--paper);color:var(--ink)}header .brand{min-width:0}.theme-tool-bar{padding-top:14px}}
@media(prefers-reduced-motion:no-preference){.theme-toggle{transition:background-color .15s ease-out}}

@font-face{font-family:Manrope;src:url('assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--sans:Manrope,Arial,sans-serif;--display:Manrope,Arial,sans-serif;scrollbar-color:var(--rule) var(--paper)}
.book-detail-art>span,.contents-list,.payment-note,.delivery-note,.preview-heading>p,.book-boundary,footer p,footer>div:last-child,.result-offer p{color:var(--muted)}
.result-offer{background:var(--pale);color:var(--ink)}
.preview-pages img,.preview-pages a:hover img{background:var(--pale)}
.tools-section>a:hover{background:var(--selected)}
.tool-page .eyebrow{display:none}
.hero h1,.section-heading h2,.quiz-intro h2,.faq-section h2,.cinematic-promo .footer-center h2{font-family:Manrope,Arial,sans-serif!important;letter-spacing:-.04em!important}
.brand strong{font-family:BarlowCondensed,'Arial Narrow',sans-serif}
/* Direção Aurael: fotografia dominante, tipografia calma e estrutura por linhas. */
.hero{justify-content:center;text-align:center;min-height:650px;height:calc(100svh - 94px);max-height:920px;align-items:center}
.hero-copy{max-width:1000px;width:100%;margin:auto}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,6.6vw,94px);font-weight:400;letter-spacing:-.055em;line-height:1.02;max-width:16ch;margin:0 auto}
.hero-desc{max-width:49ch;margin:32px auto 0;font-size:18px;line-height:1.65}
.hero-actions{justify-content:center;margin-top:36px;gap:32px}.hero-proof{margin-top:24px}
.hero:after,[data-theme="light"] .hero:after{background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.56) 55%,rgba(0,0,0,.64))}
.section-heading h2,.quiz-intro h2,.faq-section h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.045em;font-size:clamp(35px,4vw,58px);line-height:1.12}
.photo-caption{border-bottom:1px solid var(--rule);padding-top:18px;padding-bottom:18px}
.country-explorer{gap:0 36px}.explore-card{background:transparent;border-bottom:1px solid var(--rule);padding:0}
.explore-card summary{gap:18px;min-height:104px;padding:26px 0}.explore-card summary strong{font-size:19px;letter-spacing:-.025em}.explore-card summary small{margin-top:4px}
.flag,.country-options .flag,.tool-page .flag{width:36px;height:26px;object-fit:contain;object-position:center;flex-shrink:0;display:inline-block;vertical-align:middle;border-radius:0}
.explore-card .flag{width:40px;height:28px}.result-card h3{display:flex;align-items:center;gap:18px}.result-card h3 .flag{width:40px;height:28px}
.country-options .option{gap:12px!important}.country-options .flag{width:28px;height:21px}
.country-picker select{background:var(--surface);color:var(--ink);border-color:var(--rule);accent-color:var(--accent)}
.region-filter{background:transparent;border:1px solid var(--rule);padding:10px 18px;min-height:44px}.region-filter[aria-pressed=true]{border-color:var(--accent)}
.cinematic-promo .footer-center h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(42px,5.6vw,78px);letter-spacing:-.055em;line-height:1.05}
.cinematic-promo .footer-pill{border-radius:6px}.cinematic-promo .footer-giant-bg-text{display:none}
.cinematic-promo .footer-marquee{transform:none;top:0;left:0;width:100%;border-bottom:1px solid var(--rule);background:transparent;padding:20px 0}
.cinematic-promo .footer-bg-grid{display:none}
@media(max-width:760px){.hero{height:calc(100svh - 90px);min-height:640px;padding:70px 24px}.hero h1{font-size:clamp(49px,12vw,76px);max-width:12ch}.hero-desc{font-size:16px;max-width:34ch;margin-top:28px}.hero-actions{flex-direction:column;gap:22px;margin-top:30px}.hero-actions .primary{width:auto;min-width:210px}.hero-proof{font-size:13px}.country-explorer{grid-template-columns:1fr 1fr;gap:0 22px}.explore-card summary{flex-wrap:wrap;gap:14px;min-height:125px}.explore-card summary>span{flex:1 1 100%}.explore-card summary:after{display:none}.explore-card .flag{width:36px;height:25px}.explore-card summary strong{font-size:18px}.explore-card summary small{font-size:13px}.cinematic-promo .footer-center h2{font-size:44px}.quiz-intro h2{max-width:14ch}}
@media(max-width:360px){.hero h1{font-size:48px}.hero{padding-left:20px;padding-right:20px}.country-explorer{gap:0 18px}.explore-card summary strong{font-size:16px}}

/* A animação pertence à fotografia de abertura, sem segunda hero. */
.cinematic-hero{height:calc(100svh - 94px);min-height:700px;max-height:940px;background:#171c22;color:#fff;position:relative}
.cinematic-photo{position:absolute;inset:0;z-index:-2}.cinematic-photo img{width:100%;height:100%;object-fit:cover;object-position:center 65%}
.cinematic-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0009 0%,#0009 55%,#000b 100%);pointer-events:none}
.cinematic-hero .footer-center{padding:65px 32px 145px;max-width:1060px}
.cinematic-hero .footer-center h1{font:400 clamp(60px,6.6vw,94px)/1.03 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#fff;margin:0;text-wrap:balance}
.cinematic-hero .footer-center>p{color:#fff;max-width:49ch;font-size:18px;line-height:1.65;margin:30px 0 32px}
.cinematic-hero .footer-links{gap:0}.cinematic-hero .footer-pill{color:#fff;border-color:#ffffff80;border-radius:4px;min-height:54px;padding:16px 25px;background:transparent;box-shadow:none;backdrop-filter:none}
.cinematic-hero .footer-pill-primary{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}
.cinematic-hero .footer-pill-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}
.cinematic-hero .hero-free-note{font-size:14px;line-height:1.6;margin-top:24px;color:#fff}
.cinematic-hero .footer-marquee{top:auto;bottom:0;background:#10161c66;border:0;border-top:1px solid #ffffff30;padding:17px 0}
.cinematic-hero .footer-marquee-item{font-size:13px;font-weight:500;color:#fff}.cinematic-hero .footer-marquee-item span:after{background:var(--accent)}
.cinematic-hero>.footer-bottom{position:absolute;bottom:58px;right:18px;padding:0}
.cinematic-hero .footer-motion-control,.cinematic-hero .footer-motion-note{color:#fff}
.cinematic-hero .footer-pill:focus-visible,.cinematic-hero .footer-motion-control:focus-visible{outline-color:#fff}
@media(max-width:760px){.cinematic-hero{min-height:710px;height:calc(100svh - 90px)}.cinematic-hero .footer-center{padding:55px 24px 150px}.cinematic-hero .footer-center h1{font-size:clamp(49px,12vw,72px)}.cinematic-hero .footer-center>p{font-size:16px;max-width:34ch;margin:27px 0}.cinematic-hero .footer-primary-links{max-width:270px;gap:15px}.cinematic-hero .hero-free-note{font-size:13px;margin-top:22px}.cinematic-hero>.footer-bottom{bottom:59px;right:16px}}
@media(prefers-reduced-motion:reduce){.cinematic-hero{min-height:710px}.cinematic-photo img{animation:none}}

/* Navegação com posições explícitas: marca, links, tema e menu nunca se misturam. */
body.home>header{display:grid;grid-template-columns:minmax(180px,1fr) auto 44px;align-items:center;gap:32px;min-height:94px;padding-top:20px;padding-bottom:20px;z-index:30}
body.home>header .brand{grid-column:1;grid-row:1;margin:0;justify-self:start}
body.home>header #site-nav{grid-column:2;grid-row:1;width:auto;display:flex;flex-direction:row;gap:28px;padding:0;align-items:center}
body.home>header .theme-toggle{grid-column:3;grid-row:1;order:0;justify-self:end}
body.home>header .menu-toggle{display:none}
body.home>header .nav-cta{background:transparent;color:var(--ink);border:1px solid var(--rule);padding:12px 18px;white-space:nowrap}
.cinematic-photo{overflow:hidden}.cinematic-photo img{animation:opening-photo 18s cubic-bezier(.16,1,.3,1) both}
.footer-motion-paused .cinematic-photo img{animation-play-state:paused}
@keyframes opening-photo{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(max-width:1060px){
 body.home>header{grid-template-columns:minmax(0,1fr) 42px 86px;gap:14px;min-height:88px;padding:18px var(--page)}
 body.home>header .brand{grid-column:1;grid-row:1;min-width:0}
 body.home>header .brand>span{font-size:12px;margin-bottom:5px}
 body.home>header .brand strong{font-size:27px}
 body.home>header .theme-toggle{grid-column:2;grid-row:1;width:40px;height:40px}
 body.home>header .menu-toggle{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:86px;padding:10px 0 10px 8px;background:transparent;color:var(--ink);font-size:13px;order:0}
 .menu-toggle span{margin:0}.menu-toggle svg{flex-shrink:0}.menu-toggle[aria-expanded=true] .menu-line-a{transform:translateY(4px) rotate(45deg);transform-origin:12px 12px}.menu-toggle[aria-expanded=true] .menu-line-b{transform:translateY(-4px) rotate(-45deg);transform-origin:12px 12px}
 body.home>header #site-nav{grid-column:1/-1;grid-row:2;display:none;width:100%;flex-direction:column;gap:0;align-items:stretch;border-top:1px solid var(--rule);padding:14px 0 4px}
 body.home>header .menu-toggle[aria-expanded=true]+#site-nav{display:flex}
 body.home>header #site-nav a{font-size:18px;padding:16px 0;line-height:1.4}
 body.home>header #site-nav .nav-cta{margin-top:10px;padding:15px 18px;align-self:flex-start;background:var(--accent);color:var(--button-ink);border:0}
 .cinematic-hero{height:calc(100svh - 88px)}
}
@media(max-width:360px){body.home>header{grid-template-columns:minmax(0,1fr) 36px 73px;gap:8px}body.home>header .brand strong{font-size:24px}body.home>header .brand>span{font-size:11px}body.home>header .theme-toggle{width:36px;height:36px}body.home>header .menu-toggle{width:73px;font-size:12px;padding-left:4px}}
@media(prefers-reduced-motion:reduce){.cinematic-photo img{animation:none}}
