/* Daatha · páginas de questões comentadas */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in,.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.qw{max-width:860px;margin:0 auto;padding-left:20px;padding-right:20px}

.qh{position:relative;overflow:hidden;background:radial-gradient(900px 400px at 10% 0,rgba(46,117,182,.55),transparent 60%),radial-gradient(700px 380px at 95% 100%,rgba(62,142,90,.35),transparent 60%),var(--navy-dd);color:#fff;padding:56px 0 64px}
.crumb{font:600 14px Nunito,system-ui,sans-serif;color:#9fb3cc;margin-bottom:18px}
.crumb a{color:#cfe0f3;text-decoration:none}.crumb a:hover{text-decoration:underline}
.qh h1{font:700 clamp(34px,6vw,54px)/1.05 Fredoka,sans-serif;margin:0 0 16px;letter-spacing:-.5px}
.qh h1 span{color:var(--yellow)}
.qh .lead{font:400 19px/1.55 Nunito,system-ui,sans-serif;color:#d7e3f1;max-width:680px;margin:0}
.qh .lead b{color:#fff}
.qh-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0 0}
.qh-chips li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font:600 14px Nunito,sans-serif}
.placar{position:sticky;top:76px;display:inline-block;margin-top:22px;padding:10px 18px;border-radius:14px;background:var(--yellow);color:var(--navy);font:600 16px Fredoka,sans-serif}

.como{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-30px;position:relative;z-index:2}
.como div{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:var(--r);padding:18px;box-shadow:0 12px 30px -16px rgba(15,30,51,.35)}
.como b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font:600 17px Fredoka,sans-serif}
.como div:nth-child(2) b{background:var(--green)}.como div:nth-child(3) b{background:var(--red)}
.como p{margin:0;font:400 15px/1.45 Nunito,sans-serif;color:var(--txt)}
.como strong{display:block;font:600 17px Fredoka,sans-serif;color:var(--ink);margin-bottom:2px}

.lista{padding-top:36px;padding-bottom:20px;display:grid;gap:22px}
.qb{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 10px 30px -22px rgba(15,30,51,.4)}
.qb-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.qb-tags span{padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--navy);font:600 13px Nunito,sans-serif}
.qb-tags span:first-child{background:var(--navy);color:#fff}
.qb-tags .nv1{background:#E3F1E8;color:#24603b}.qb-tags .nv2{background:#FFF3C4;color:#7a5a00}.qb-tags .nv3{background:#FBE1DE;color:#9b2c22}
.qb-base{background:var(--bg);border-left:4px solid var(--blue);border-radius:10px;padding:14px 16px;margin-bottom:14px;font:400 16px/1.6 Nunito,sans-serif;color:var(--txt)}
.qb h3{font:600 20px/1.35 Fredoka,sans-serif;color:var(--ink);margin:0 0 16px}
.alts{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.alt{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:13px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;cursor:pointer;font:400 16px/1.5 Nunito,sans-serif;color:var(--txt);transition:border-color .2s,background .2s,transform .2s var(--ease)}
.alt b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--navy);font:600 16px Fredoka,sans-serif}
.alt:hover:not([disabled]){border-color:var(--blue);transform:translateX(4px)}
.alt:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.alt[disabled]{cursor:default}
.alt.certa{border-color:var(--green);background:#EEF8F1}.alt.certa b{background:var(--green);color:#fff}
.alt.errada{border-color:var(--red);background:#FDF0EE}.alt.errada b{background:var(--red);color:#fff}
.done .alt:not(.certa):not(.errada){opacity:.6}

.exp{display:none;margin-top:18px}
.done .exp,.no-js .exp{display:block;animation:sobe .5s var(--ease)}
@keyframes sobe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.res{font:600 19px Fredoka,sans-serif;margin:0 0 12px}
.res.ok{color:var(--green)}.res.no{color:var(--red)}
.box{border-radius:14px;padding:14px 16px;margin-bottom:10px;font:400 15.5px/1.55 Nunito,sans-serif;color:var(--txt)}
.box h4{font:600 16px Fredoka,sans-serif;margin:0 0 6px}
.box p{margin:0}.box ul{margin:0;padding-left:18px}.box li{margin:4px 0}
.box li.sua{font-weight:700;color:#9b2c22}
.box.ok{background:#EEF8F1}.box.ok h4{color:#24603b}
.box.no{background:var(--bg)}.box.no h4{color:var(--navy)}
.box.peg{background:#FDF0EE;border-left:4px solid var(--red)}.box.peg h4{color:var(--red)}

.gps{margin-top:14px;border-radius:18px;overflow:hidden;background:var(--navy);color:#fff}
.gps-t{display:flex;gap:14px;align-items:center;padding:16px 18px}
.gps-t small{display:block;font:700 12px Nunito,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--yellow)}
.gps-t strong{display:block;font:600 19px Fredoka,sans-serif}
.gps-t em{display:block;font:italic 400 15px Nunito,sans-serif;color:#cfe0f3}
.pin{flex:none;position:relative;width:40px;height:40px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--red);box-shadow:0 0 0 0 rgba(217,72,59,.6);animation:pulsa 2s infinite}
.pin:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
@keyframes pulsa{70%{box-shadow:0 0 0 14px rgba(217,72,59,0)}100%{box-shadow:0 0 0 0 rgba(217,72,59,0)}}
.gps-img{position:relative;display:block;background:#fff}
.gps-img img{display:block;width:100%;height:auto;transition:transform .5s var(--ease)}
.gps-img:hover img{transform:scale(1.02)}
.gps-img span{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:10px 18px;border-radius:12px;background:var(--yellow);color:var(--navy);font:600 16px Fredoka,sans-serif;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}

.fim{padding-top:10px;padding-bottom:10px}
.fim-in{background:linear-gradient(135deg,var(--navy),var(--navy-d));color:#fff;border-radius:24px;padding:30px;text-align:center}
.fim-k{margin:0;font:700 13px Nunito,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--yellow)}
.fim h2{font:700 40px Fredoka,sans-serif;margin:6px 0}
.fim p{font:400 17px/1.5 Nunito,sans-serif;color:#d7e3f1;margin:0 auto 14px;max-width:560px}
.rota{display:grid;gap:8px;text-align:left;max-width:520px;margin:0 auto}
.rota a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font:600 16px Fredoka,sans-serif}
.rota a:hover{background:rgba(255,255,255,.15)}
.rota i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--red)}

.cta{padding-top:24px;padding-bottom:80px}
.cta-in{background:var(--yellow);border-radius:24px;padding:32px;color:var(--navy)}
.cta h2{font:700 28px/1.2 Fredoka,sans-serif;margin:0 0 10px}
.cta p{font:400 17px/1.55 Nunito,sans-serif;margin:0 0 18px}
.cta-b{display:flex;flex-wrap:wrap;gap:12px}
.cta .btn.ghost{color:var(--navy);border:2px solid var(--navy);background:transparent}
.cta .prof{font-size:15px;margin:18px 0 0}.cta .prof a{color:var(--navy);font-weight:700}

.temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding-top:36px;padding-bottom:80px;max-width:1080px}
.tema{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;text-decoration:none;color:var(--txt)}
.tema h3{font:600 22px Fredoka,sans-serif;color:var(--ink);margin:10px 0 6px}
.tema p{font:400 15px/1.5 Nunito,sans-serif;margin:0 0 12px}
.tema b{font:600 16px Fredoka,sans-serif;color:var(--blue)}
.tema.on{border:2px solid var(--blue);transition:transform .25s var(--ease),box-shadow .25s}
.tema.on:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(15,30,51,.5)}
.tema:not(.on){opacity:.7}
.st{display:inline-block;padding:4px 10px;border-radius:999px;background:#E3F1E8;color:#24603b;font:700 12px Nunito,sans-serif}
.st.em{background:var(--soft);color:var(--navy)}

@media(max-width:700px){
  .como{grid-template-columns:1fr;margin-top:-24px}
  .qb{padding:20px 16px}
  .qb h3{font-size:18px}
  .gps-img span{font-size:14px;padding:8px 14px}
  .fim h2{font-size:32px}
  .cta-in{padding:24px 20px}
  .cta h2{font-size:23px}
}
.cta .btn.pri{background:var(--navy);color:#fff;box-shadow:0 10px 24px -10px rgba(15,30,51,.6)}
.gps-go{display:block;padding:14px 18px;background:var(--yellow);color:var(--navy);font:600 17px Fredoka,sans-serif;text-decoration:none}.gps-go:hover{filter:brightness(.97)}