/* Mãe Já Fiz! — direção tonal v3. Camada visual; estrutura e imagens preservadas. */
@font-face{font-family:Fraunces;src:url('assets/fontes-v3/Fraunces-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fontes-v3/Fraunces-Italic-600.ttf') format('truetype');font-style:italic;font-weight:600;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fontes-v3/DMSans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fontes-v3/DMSans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fontes-v3/DMSans-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{
 --ice:#F2F5F3;--mist:#DFE9E4;--sage:#B9D0C5;--green:#125C56;
 --coralTint:#F2D4CC;--coral:#E87362;--coralDeep:#A64C40;
 --ink:#203F39;--muted:#52645A;--line:#CFDAD4;--sectionBase:#E5ECE8;
 --demoBase:#E6EFEB;--coralInk:#102E28;--greenHover:#0B4944;
 --paper:var(--ice);--soft:var(--mist);--yellow:var(--coralTint);--font-min:1rem;
 font-family:'DM Sans','Segoe UI',sans-serif;font-size:100%;color:var(--ink);background:var(--ice)
}
body,.site-header,.mobile-cta{background:var(--ice);color:var(--ink)}
body,button,input,select,textarea{font-family:'DM Sans','Segoe UI',sans-serif}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-variation-settings:'SOFT' 60,'WONK' 1,'opsz' 72;letter-spacing:-.04em;color:var(--green)}
h3,h4{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.025em}
em{color:var(--coralDeep)}
a:focus-visible,button:focus-visible,summary:focus-visible,.reward-tickets:focus-visible,.scenario-picker button:focus-visible{outline:3px solid var(--coralDeep);outline-offset:4px}
svg{stroke-width:1.7}
.button{border-radius:999px;min-height:58px;font-weight:700;box-shadow:none}
.primary,.sim-action{background:var(--green);color:var(--ice)}
.primary:hover{background:var(--greenHover)}
.yellow-button{background:var(--coralTint);color:var(--green)}
.site-header{border-color:var(--line);box-shadow:0 4px 18px #203F3908}
.site-header .header-inner .site-nav{background:var(--ice);border-color:var(--line)}
.site-header .site-nav a{border-color:var(--line)}
.site-header .site-nav a:hover,.nav-toggle:hover,.scene-arrow:hover,.scene-play:hover{background:var(--mist)}
.brand,.site-header .brand{display:block;flex:0 0 auto;width:164px;min-height:0;line-height:0;letter-spacing:0;background:transparent;padding:0;mix-blend-mode:multiply}
.brand .brand-art{display:block;width:100%;height:auto;max-width:100%;stroke:none;fill:none;overflow:hidden}
.brand-responsive .brand-art-desktop{display:none}
.site-footer .brand{width:250px;max-width:100%}
.site-footer{border-top:1px solid var(--line)}
.nav-toggle{width:48px;height:48px;flex-basis:48px;border-radius:50%;border-color:var(--line);background:transparent}
.nav-toggle .nav-close-icon,.nav-toggle[aria-expanded=true] .nav-open-icon{display:none}
.nav-toggle[aria-expanded=true] .nav-close-icon{display:block}
.site-header .header-cta{border-radius:999px;padding-inline:16px;min-height:48px}
.hero-copy h1 span{color:var(--green);text-decoration-color:var(--coral);text-decoration-thickness:3px}
.hero .lead{color:var(--ink)}
.hero .hero-audience{color:var(--green)}
.hero-story{--scene-before:var(--sectionBase);--scene-after:var(--mist);--scene-accent:var(--green);--scene-after-ink:var(--green)}
.hero-story[data-story=mochila]{--scene-before:var(--ice);--scene-after:var(--sage);--scene-accent:var(--greenHover);--scene-after-ink:var(--greenHover)}
.hero-story[data-story=licao]{--scene-before:var(--ice);--scene-after:var(--mist);--scene-accent:var(--coralDeep);--scene-after-ink:var(--green)}
.hero-story[data-story=dentes]{--scene-before:var(--mist);--scene-after:var(--ice);--scene-accent:var(--coralDeep);--scene-after-ink:var(--greenHover)}
.scene-label,.scene-caption>p{color:var(--ink)}
.scene-caption>p{font-family:'DM Sans',sans-serif;font-weight:700}
.scene-caption .caption-connector{color:var(--coralDeep)}
.scene-after .caption-connector{color:var(--green)}
.scene-viewport{background:var(--ice)}
.scene-card{border-color:var(--line);border-top-color:var(--scene-accent);box-shadow:0 14px 40px #203F3908}
.scene-dots span{background:var(--sage)}
.how-section{background:var(--mist);border-color:var(--line)}
.cycle-repeat{background:var(--mist)}
.step-phone{--step-color:var(--green);--step-soft:var(--mist);background:var(--ice);border-color:var(--green)}
.step-phone.mission{--step-color:var(--coralDeep);--step-soft:var(--coralTint)}
.step-phone.approval{--step-color:var(--green);--step-soft:var(--mist)}
.step-phone.achievement{--step-color:var(--greenHover);--step-soft:var(--coralTint)}
.phone-camera{background:var(--green)}
.step-index{border-color:var(--mist);color:var(--ice)}
.phone-action,.process-copy h3{font-family:'DM Sans',sans-serif;font-weight:700}
.family-simulation{--sim-accent:var(--green);--sim-wash:var(--mist);--sim-surface:var(--ice);background:var(--demoBase);border-color:var(--line)}
.sim-board{--sim-accent:var(--green);--sim-wash:var(--mist);--sim-surface:var(--ice)}
.sim-board[data-scenario=mochila]{--sim-accent:var(--greenHover);--sim-wash:var(--sage);--sim-surface:var(--mist)}
.sim-board[data-scenario=licao]{--sim-accent:var(--coralDeep);--sim-wash:var(--coralTint);--sim-surface:var(--ice)}
.sim-board[data-scenario=dentes]{--sim-accent:var(--green);--sim-wash:var(--mist);--sim-surface:var(--coralTint)}
.sim-picker button{background:var(--ice);border-color:var(--sage);color:var(--green);border-radius:16px;font-weight:600}
.sim-picker button[aria-pressed=true],.sim-picker button[data-sim-scenario=mochila][aria-pressed=true],.sim-picker button[data-sim-scenario=licao][aria-pressed=true],.sim-picker button[data-sim-scenario=dentes][aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--ice);box-shadow:inset 0 -3px 0 var(--greenHover)}
.sim-picker button[data-sim-scenario=licao][aria-pressed=true]{background:var(--coralDeep);border-color:var(--coralDeep);box-shadow:inset 0 -3px 0 var(--coralInk)}
.sim-picker button[data-sim-scenario=dentes][aria-pressed=true]{background:var(--greenHover);border-color:var(--greenHover)}
.sim-story{color:var(--ice)}
.sim-step>span{color:var(--ice)}
.sim-step>strong,#sim-explanation,.sim-request>p{font-family:'DM Sans',sans-serif;font-weight:700}
#sim-explanation{color:var(--ice)}
.sim-step-track>.is-complete,.sim-step-track>.is-current{background:var(--coralTint)}
.sim-handset{background:var(--mist);border-color:var(--green)}
.sim-camera{background:var(--green)}
.sim-screen{background:var(--ice)}
.sim-appbar{padding-block:6px;background:var(--mist);border-color:var(--line);letter-spacing:0}
.sim-brand-art{display:block;mix-blend-mode:multiply;max-width:112px}
.sim-brand-art .brand-art{width:92px;height:auto;stroke:none;fill:none}
.sim-appbar .sim-person{margin-top:2px;font-size:var(--font-min)}
.sim-app-status,.sim-worth,.sim-balance,.sim-reward-cost,.sim-benefit-price{color:var(--green)}
.sim-app-status svg,.sim-worth svg,.sim-balance svg,.sim-reward-cost svg,.sim-benefit-price svg{fill:var(--coralTint);stroke:var(--green)}
.sim-device[data-owner=child] .sim-handset{background:var(--coralTint);border-color:var(--coralDeep);box-shadow:0 7px 0 #A64C4028}
.sim-device[data-owner=child] .sim-camera{background:var(--coralDeep)}
.sim-device[data-owner=child] .sim-home{background:var(--coralDeep)}
.sim-device[data-owner=child] .sim-screen{background:radial-gradient(ellipse at 100% 70%,var(--mist) 0,transparent 45%),radial-gradient(ellipse at 0 100%,var(--coralTint) 0,transparent 45%),var(--ice)}
.sim-device[data-owner=child] .sim-appbar{background:var(--coralTint);border-color:var(--coralDeep)}
.sim-device[data-owner=child] .sim-task-symbol{background:var(--coralTint);box-shadow:3px 3px 0 var(--line)}
.sim-device[data-owner=child] .sim-screen h4,.sim-device[data-owner=child] .sim-action{font-weight:700}
.sim-action{border-radius:14px;background:var(--sim-accent);border-color:var(--sim-accent)}
.sim-action.secondary,.sim-device[data-owner=child] .sim-reward-choice{background:var(--ice);color:var(--sim-accent)}
.sim-action:active,.sim-action.is-tapped{box-shadow:0 0 0 5px var(--coralTint)}
.sim-action::after{border-color:var(--coralTint)}
.sim-tap-mark svg{fill:var(--coralTint);stroke:var(--ink)}
.sim-balance strong,.sim-benefit-price strong{font-family:'DM Sans',sans-serif;font-weight:700}
.sim-reward-notice{background:var(--mist);border-color:var(--green);color:var(--green)}
.sim-reward-notice.insufficient{background:var(--coralTint);border-color:var(--coralDeep);color:var(--coralInk)}
.recognition-section{background:var(--ice)}
.recognition-section .recognition-lead{border-color:var(--coral)}
.recognition-section .recognition-lead>strong{font-family:'DM Sans',sans-serif;font-weight:700}
.recognition-section .pain-paths>li:not(:last-child){border-color:var(--line)}
.recognition-section .pain-paths>li:nth-child(4n+1)>svg,.recognition-section .pain-paths>li:nth-child(4n)>svg{background:var(--coralTint);color:var(--coralDeep)}
.recognition-section .pain-paths>li:nth-child(4n+2)>svg{background:var(--mist);color:var(--green)}
.recognition-section .pain-paths>li:nth-child(4n+3)>svg{background:var(--sage);color:var(--greenHover)}
.recognition-section .pain-paths>li>svg,.science-symbol svg{stroke-width:1.7}
.recognition-resolution{border-color:var(--line)}
.recognition-resolution>svg{background:var(--mist);color:var(--green)}
.science-section{background:var(--sectionBase);border-color:var(--line)}
.science-symbol{background:var(--coralDeep);color:var(--ice)}
.science-symbol.tokens{background:var(--green);color:var(--ice)}
.science-symbol.progress{background:var(--sage);color:var(--greenHover)}
.science-symbol.autonomy{background:var(--coralTint);color:var(--coralDeep)}
.science-principles li p{font-family:'DM Sans',sans-serif;font-weight:700}
.science-evidence details{border-color:var(--line)}
.faq-section{background:var(--ice);border-block:1px solid var(--line)}
.faq-list details{border-color:var(--line)}
.final-section{background:var(--mist);color:var(--ink);border-color:var(--line)}
.pipo-invitation .aux{color:var(--muted)}
.site-header.legal-header .header-inner{min-height:94px}
.site-header.legal-header .brand{width:202px;max-width:55%}
@media(min-width:600px){
 /* Marca linear no tablet e desktop; versão compacta apenas no celular. */
 .site-header .brand-responsive{width:clamp(300px,39vw,400px);mix-blend-mode:normal}
 .brand-responsive .brand-art-mobile{display:none}
 .brand-responsive .brand-art-desktop{display:block}
 .site-header:has(.brand-responsive) .header-inner{min-height:88px;padding-block:12px;flex-wrap:nowrap}
}
@media(min-width:600px) and (max-width:1099px){
 .site-header .header-inner .site-nav,.site-header .nav-toggle{display:none}
 .site-header .header-cta{margin-left:auto;min-height:50px;padding-inline:20px}
}
@media(min-width:900px){
 .site-header .brand{width:160px}
 .site-header .header-inner{min-height:80px;padding-block:8px}
 /* Exterior transparente sobre Gelo; interiores brancos sem multiply. */
 .site-header .brand-responsive{width:clamp(340px,30vw,400px);mix-blend-mode:normal}
 .site-header .header-cta{min-height:50px}
 .sim-brand-art .brand-art{width:100px}
 /* One clear instruction replaces two stacked, repetitive headings. */
 .sim-story{display:grid;grid-template-columns:44px minmax(0,1fr) 120px;align-items:center;gap:14px;max-width:none;padding:12px 18px;margin-bottom:12px;text-align:left;border-radius:14px;box-shadow:0 3px 0 var(--sim-surface)}
 .sim-step{display:contents}
 .sim-step>span{grid-column:1;grid-row:1;font-size:var(--font-min);white-space:nowrap}
 .sim-step>strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #sim-explanation{grid-column:2;grid-row:1;margin:0;font-size:1.25rem;line-height:1.35;text-wrap:pretty}
 .sim-story .sim-step-track{grid-column:3;grid-row:1;width:120px;max-width:none;margin:0;gap:4px}
 .sim-owner{min-height:28px;margin-bottom:8px}
 .sim-appbar .sim-person{display:none}
 .sim-screen-content{padding:16px;gap:8px}
 .sim-handset{padding-top:20px;padding-bottom:10px}
}
@media(min-width:900px) and (max-height:800px){
 /* Compact laptop view: keep the phone shape, readable type and all actions. */
 .sim-stage{max-width:720px}
 .sim-phones,.sim-board[data-active=parent] .sim-phones{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}
 .sim-screen{height:460px}
 .sim-brand-art .brand-art{width:88px}
 .sim-eyebrow{display:none}
 .sim-screen-content{padding:14px;gap:8px}
 .sim-screen h4{font-size:1.5rem}
 .sim-task-symbol,.sim-wait-symbol{width:48px;height:48px;padding:10px}
 .sim-pipo{width:80px;height:80px}
}
@media(max-width:899px){
 .hero h1{font-size:clamp(2rem,9.2vw,2.75rem);line-height:1.08}
 .hero-actions .button,.final-copy .button{border-radius:999px}
 .sim-appbar{min-height:44px;padding:4px 9px}
 .sim-brand-art .brand-art{width:80px}
 .sim-story{border-radius:13px}
}
@media(max-width:599px){
 .site-header .header-inner{gap:8px;min-height:82px}
 .site-header .brand{width:148px}
 .site-header .header-cta{padding-inline:14px}
 .site-header .nav-toggle{width:44px;height:44px;flex-basis:44px}
}
@media(max-width:359px){
 .site-header .header-inner{display:flex;flex-wrap:nowrap;padding-block:8px;gap:6px;min-height:72px}
 .site-header .brand{width:112px}
 .site-header .header-cta{width:auto;margin-left:auto;min-height:44px;padding-inline:10px}
 .hero h1{font-size:2rem}
}