/* The first screen starts with the user's plan, with supporting guidance below on mobile. */
#inicio{scroll-margin-top:0}
#simulador{padding-top:140px;padding-bottom:70px}
#simulador .simulation-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto;gap:28px 65px;align-items:start}
.simulation-intro{grid-column:1;grid-row:1;align-self:end}
.simulation-intro h1{font-size:clamp(38px,4.6vw,60px);font-weight:580;letter-spacing:-.045em;line-height:1.13;color:white}
.simulation-intro h1 em{color:#e4c889}
.simulation-intro>p{font-size:16px;line-height:1.8;max-width:44ch;margin-top:24px;color:#c7d4df}
#simulador .sim-card{grid-column:2;grid-row:1/span 2;align-self:start}
.simulation-guidance{grid-column:1;grid-row:2}
.simulation-guidance .sim-steps{margin-top:0}
.simulation-guidance .simulation-kicker{margin:24px 0 0}
#apresentacao{padding-top:76px}
.hero-copy h2{font-size:clamp(42px,6.1vw,88px);font-weight:620;letter-spacing:-.055em;line-height:1.065}

/* Keep the journey visible beside the initial form instead of over its actions. */
@media(min-width:761px){.journey-on-plan .journey-nav{left:24px;right:auto;transform:none;width:min(630px,calc(50vw - 44px))}}
@media(min-width:761px) and (max-width:1200px){
 .journey-on-plan .journey-nav{gap:10px;padding:10px 12px 6px}
 .journey-on-plan .journey-meter,.journey-on-plan .journey-meter svg{width:40px;height:40px}
 .journey-on-plan .journey-chapters{gap:4px}
 .journey-on-plan .journey-chapters a{flex-direction:column;gap:3px;min-height:40px;font-size:10px}
 .journey-on-plan .chapter-dot{width:17px;height:17px}
}

@media(max-width:1100px){#simulador .simulation-layout{gap:24px 38px}}
@media(max-width:760px){
 #simulador{padding-top:104px;padding-bottom:48px}
 #simulador .simulation-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:18px}
 .simulation-intro{grid-column:1;grid-row:1;text-align:center;align-self:start}
 .simulation-intro h1{font-size:clamp(25px,6.8vw,34px);line-height:1.14;letter-spacing:-.04em}
 .simulation-intro>p{display:none}
 #simulador .sim-card{grid-column:1;grid-row:2;padding:24px 20px}
 #simulador .sim-card #step-content h3,#simulador .sim-card .success-section h3{font-size:23px}
 #simulador .sim-card #step-content>p{font-size:14px}
 #simulador .objective-inner{min-height:116px;padding-block:20px}
 #simulador .objective-inner>svg{width:32px;height:32px}
 #simulador .progress{margin:18px 0 22px}
 #simulador .form-actions{margin-top:22px}
 #simulador .form-foot{margin-top:20px;padding-top:16px;font-size:12px}
 .simulation-guidance{grid-column:1;grid-row:3;padding-top:12px}
 .simulation-guidance .sim-steps{gap:14px}
 .simulation-guidance .smallprint{max-width:none;margin-top:20px}
 #apresentacao{padding-top:58px}
 .hero-copy h2{font-size:clamp(35px,8.6vw,58px);letter-spacing:-.045em;line-height:1.1}
}
@media(max-width:360px){#simulador .sim-card{padding-inline:17px}.simulation-intro h1{font-size:24px}}