@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#001436;--deep:#003477;--gold:#D99B32;--lightgold:#FFD36E;--muted:#DCE4EF;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#001436;color:white;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.04em;line-height:1.13;margin:0}h1{font-size:clamp(2.15rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4.4vw,3.8rem)}p{line-height:1.7}.shell{width:min(1140px,calc(100% - 40px));margin:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:16px}.brand{font-weight:800;letter-spacing:.22em;font-family:Manrope,sans-serif;color:#ffce6b;font-size:1.35rem}.tag{font-size:.72rem;letter-spacing:.2em;color:#f2c979;font-weight:700}.hero{padding:6vh 0 9vh;min-height:calc(100vh - 90px);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--lightgold);font-size:.8rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.hero h1{max-width:1000px;margin:16px auto 18px;text-align:center}.hero .lead{max-width:750px;text-align:center;margin:0 auto 18px;color:#dce4ef;font-size:clamp(1.05rem,1.6vw,1.22rem)}.center{text-align:center}.gold{color:var(--lightgold)}.rotator{border:1px solid #35516f;background:linear-gradient(110deg,#052048,#0c3565);border-radius:18px;padding:20px 24px;margin:26px auto 30px;width:min(840px,100%);min-height:126px;display:flex;flex-direction:column;justify-content:center;gap:14px}.rotator-text{font-family:Manrope,sans-serif;font-size:clamp(1.12rem,2vw,1.55rem);font-weight:700;line-height:1.4;transition:opacity .35s}.dots{display:flex;justify-content:center;gap:7px}.dot{width:7px;height:7px;background:#5e7592;border:0;border-radius:10px;padding:0}.dot.active{background:#f4bf55;width:23px}.question{font-weight:700;text-align:center;margin:0 0 16px;font-size:1.12rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(860px,100%);margin:auto}.choice{display:flex;flex-direction:column;gap:15px;border-radius:20px;padding:27px;background:#092b58;border:1px solid #385778;min-height:220px}.choice:nth-child(2){background:#f3f6fa;color:#001436}.choice .mini{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.choice strong{font:700 clamp(1.12rem,2vw,1.45rem)/1.35 Manrope,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;background:#d99b32;color:#001436;padding:16px 24px;font-weight:800;letter-spacing:.02em;border:0;box-shadow:0 8px 30px #d99b3233;animation:pulse 2.5s infinite;transition:transform .2s}.btn:hover{transform:translateY(-2px);background:#f0b44e}.choice .btn{margin-top:auto}.btn.secondary{background:#003477;color:white;box-shadow:0 8px 30px #00347733}.page{min-height:calc(100vh - 110px);display:flex;align-items:center;padding:50px 0 80px}.page-content{max-width:850px}.page h1{margin:16px 0 25px}.page p{color:#dce4ef;font-size:clamp(1.05rem,1.7vw,1.25rem);max-width:730px}.highlight{font-family:Manrope,sans-serif;font-weight:700;color:#ffd36e!important;font-size:clamp(1.25rem,2.6vw,1.9rem)!important;line-height:1.45!important;margin:30px 0}.cta{margin-top:20px}.note{font-size:.88rem!important;opacity:.8}.back{color:#c8d9eb;font-size:.9rem}.footer{border-top:1px solid #2a3b58;padding:18px 0 28px;color:#9db2cb;font-size:.8rem}.footer .shell{display:flex;justify-content:space-between;gap:20px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#fff;color:#001436;border-radius:12px;box-shadow:0 10px 40px #0007;max-width:90%;display:none;z-index:10}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #d99b3255}55%{box-shadow:0 0 0 12px #d99b3200}}@media(max-width:650px){.header{padding:18px 0}.hero{padding:20px 0 50px;min-height:auto}.choices{grid-template-columns:1fr}.choice{min-height:0;padding:22px}.rotator{min-height:135px}.footer .shell{flex-direction:column}.page{padding:50px 0 75px}}@media(prefers-reduced-motion:reduce){.btn{animation:none}html{scroll-behavior:auto}}
/* V1.2: letreiro superior e primeira dobra otimizada */
.ticker{width:100%;overflow:hidden;background:linear-gradient(90deg,#D99B32,#FFD36E);color:#001436;border-block:1px solid #ffe09b;white-space:nowrap;height:39px;display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;width:max-content;animation:marquee 105s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;flex-shrink:0}
.ticker-item{display:inline-flex;align-items:center;gap:28px;padding:0 24px;font:800 .79rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.015em}
.ticker-item:after{content:'✦';font-size:.75rem;color:#003477}
@keyframes marquee{to{transform:translateX(-50%)}}
.hero{min-height:calc(100svh - 130px);padding:clamp(18px,3.5vh,36px) 0 35px;justify-content:center}
.hero h1{font-size:clamp(2rem,4.2vw,3.85rem);max-width:900px;margin:12px auto 13px}
.hero .lead{font-size:clamp(.96rem,1.35vw,1.12rem);line-height:1.5;margin:0 auto 17px}
.question{margin:0 0 12px;font-size:1.02rem}
.choices{width:min(940px,100%);gap:12px}
.choice{padding:22px;min-height:196px;gap:11px}
.choice strong{font-size:clamp(1.05rem,1.55vw,1.29rem)}
.choice .btn{padding:13px 14px;font-size:.87rem}
@media(max-width:650px){
 .shell{width:calc(100% - 30px)}
 .header{padding:11px 0}
 .brand{font-size:1.08rem}
 .tag{font-size:.6rem}
 .ticker{height:32px}
 .ticker-item{font-size:.7rem;padding:0 18px;gap:18px}
 .hero{min-height:calc(100svh - 100px);padding:12px 0 18px;justify-content:flex-start}
 .eyebrow{font-size:.64rem;letter-spacing:.12em}
 .hero h1{font-size:clamp(1.5rem,6.2vw,2.25rem);line-height:1.16;margin:9px auto 10px;letter-spacing:-.035em}
 .hero .lead{font-size:clamp(.82rem,3.3vw,.95rem);line-height:1.42;margin-bottom:12px}
 .question{font-size:.91rem;margin-bottom:10px}
 .choices{grid-template-columns:1fr;gap:9px}
 .choice{padding:12px 15px;min-height:0;gap:6px;border-radius:14px}
 .choice .mini{font-size:.62rem}
 .choice strong{font-size:clamp(.87rem,3.6vw,1.04rem);line-height:1.28}
 .choice .btn{font-size:.75rem;padding:11px 10px;border-radius:9px}
 .footer{padding:14px 0}
}
@media(max-width:650px) and (max-height:720px){.hero h1{font-size:1.42rem}.hero .lead{font-size:.8rem}.choice{padding:9px 12px}.choice .btn{padding:9px}.hero{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker{overflow-x:auto}}

/* v1.5 — composição sem fotografias, equilíbrio e CTAs na primeira dobra */
body{display:flex;flex-direction:column;min-height:100svh}main{flex:1;display:flex;flex-direction:column}.footer{margin-top:auto}.hero{flex:1;min-height:0;justify-content:center;padding:clamp(20px,3vh,42px) 0 clamp(22px,3vh,40px)}.hero h1{max-width:820px;font-size:clamp(2.1rem,3.75vw,3.55rem);line-height:1.14;margin:13px auto 16px}.hero .lead{max-width:700px;line-height:1.55}.question{margin:5px 0 17px}.choices{width:min(900px,100%)}.choice{min-height:180px;padding:22px 24px}.page{flex:1;min-height:0;padding:clamp(24px,5vh,52px) 0;align-items:center}.page-content{max-width:790px}.page h1{font-size:clamp(1.8rem,3.4vw,3.15rem);line-height:1.18;margin:14px 0 18px}.page p{font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.55;margin:12px 0}.page .highlight{font-size:clamp(1.13rem,1.75vw,1.48rem)!important;line-height:1.38!important;margin:17px 0!important}.page .cta{margin-top:10px;padding:14px 22px}.page .note{font-size:.76rem!important;margin-top:15px}.page .eyebrow{font-size:.72rem;color:#ffd36e}.back{font-size:.83rem}
@media(max-width:650px){.header{padding:11px 0}.hero{flex:0 0 auto;min-height:0;justify-content:flex-start;padding:clamp(16px,3vh,28px) 0 28px}.hero h1{font-size:clamp(1.48rem,5.7vw,2.05rem);line-height:1.17;margin:11px auto 14px}.hero .lead{font-size:clamp(.85rem,3.4vw,.97rem);line-height:1.5;margin-bottom:16px}.question{margin:0 0 15px;font-size:.94rem}.choices{gap:12px}.choice{padding:16px 17px;gap:10px}.choice strong{font-size:clamp(.94rem,3.7vw,1.08rem);line-height:1.34}.choice .btn{padding:12px 10px;font-size:.76rem}.page{align-items:flex-start;padding:clamp(18px,3.5vh,30px) 0 20px}.page h1{font-size:clamp(1.52rem,5.5vw,2rem);line-height:1.18;margin:13px 0 15px}.page p{font-size:clamp(.86rem,3.45vw,.98rem);line-height:1.48;margin:11px 0}.page .highlight{font-size:clamp(1.06rem,4.05vw,1.24rem)!important;line-height:1.38!important;margin:16px 0!important}.page .cta{display:flex;width:100%;font-size:.81rem;line-height:1.25;padding:14px 10px;margin-top:14px}.page .note{font-size:.71rem!important;line-height:1.35}.page .eyebrow{font-size:.67rem}.back{font-size:.79rem}.footer{padding:12px 0}.footer .shell{gap:3px}.footer span{font-size:.69rem}}
@media(max-width:650px) and (max-height:740px){.hero{padding-top:12px}.hero h1{font-size:clamp(1.4rem,5.35vw,1.85rem);margin:8px auto 10px}.hero .lead{font-size:.83rem;margin-bottom:10px}.question{margin-bottom:9px}.choice{padding:11px 14px;gap:6px}.choice strong{font-size:.9rem}.choice .btn{padding:10px}.page{padding-top:12px}.page h1{font-size:clamp(1.4rem,5.1vw,1.8rem);margin:9px 0 11px}.page p{font-size:.85rem;line-height:1.4;margin:8px 0}.page .highlight{font-size:1.02rem!important;margin:11px 0!important}.page .cta{padding:11px;margin-top:10px}}

/* V1.6 — sem letreiro; distribuição consistente dos cartões */
.ticker{display:none!important}
.hero{padding-block:clamp(18px,3vh,38px)}
.choices{align-items:stretch}
.choice{display:grid;grid-template-rows:auto 1fr auto;align-content:stretch;gap:14px;min-height:205px}
.choice strong{align-self:start;max-width:33ch}
.choice .btn{align-self:end;margin-top:0;min-height:48px}
@media(max-width:650px){
 .hero{padding:clamp(12px,2vh,22px) 0 22px}
 .hero h1{font-size:clamp(1.48rem,5.55vw,2rem);margin:10px auto 12px}
 .hero .lead{margin-bottom:13px;line-height:1.42}
 .question{margin-bottom:12px}
 .choices{gap:10px}
 .choice{grid-template-rows:auto 1fr auto;min-height:142px;padding:13px 16px;gap:8px}
 .choice strong{font-size:clamp(.88rem,3.55vw,1.05rem);line-height:1.3}
 .choice .btn{padding:11px 8px;min-height:43px}
 .page{padding-top:clamp(12px,2.4vh,22px)}
 .page h1{font-size:clamp(1.45rem,5.1vw,1.88rem);margin:10px 0 12px}
 .page p{font-size:clamp(.83rem,3.25vw,.95rem);line-height:1.43;margin:9px 0}
 .page .highlight{font-size:clamp(1rem,3.85vw,1.18rem)!important;margin:12px 0!important}
 .page .cta{padding:12px 10px;margin-top:12px}
}
@media(max-width:650px) and (max-height:740px){
 .hero h1{font-size:clamp(1.35rem,5vw,1.65rem);margin:8px auto}
 .hero .lead{font-size:.81rem;margin-bottom:9px}
 .question{margin-bottom:8px}
 .choice{min-height:124px;padding:10px 13px;gap:5px}
 .choice .btn{padding:9px;min-height:38px}
 .page h1{font-size:clamp(1.32rem,4.8vw,1.7rem)}
}

/* UNIVELO v1.7 — ritmo vertical das páginas internas */
@media (min-width:651px){
 .page-content{width:100%}
 .page h1{margin-top:22px;margin-bottom:28px}
 .page p{margin-top:20px;margin-bottom:20px;line-height:1.65}
 .page .highlight{margin:28px 0!important;line-height:1.48!important}
 .page .cta{margin-top:24px}
 .page .note{margin-top:20px}
}
@media (max-width:650px){
 .page{padding-top:clamp(18px,3vh,30px);padding-bottom:24px}
 .page h1{margin-top:14px;margin-bottom:18px}
 .page p{margin-top:15px;margin-bottom:15px;line-height:1.53}
 .page .highlight{margin:20px 0!important;line-height:1.46!important}
 .page .cta{margin-top:17px}
 .page .note{margin-top:14px;font-size:.69rem!important}
}
@media (max-width:650px) and (max-height:740px){
 .page h1{margin-top:10px;margin-bottom:12px}
 .page p{margin-top:10px;margin-bottom:10px;line-height:1.43}
 .page .highlight{margin:13px 0!important}
 .page .cta{margin-top:10px}
}