/* Concursos v2 (27/10/2026, 13a). Vem depois do concursos.css: so sobrescreve.
   28/10 (pedido dele): cores e efeitos da pagina antiga de volta (topo roxo escuro com o edital se arrumando
   no fundo, titulo em degrade, pilula branca no topo, botoes violeta do site); o laranja saiu. Texto da v2 fica.
   Versao laranja anterior: _backup-concursos/v2-laranja-28-10/v2.css. */
:root{--cta:var(--violeta);--cta-esc:var(--violeta-esc)}

/* ---- topo: o escuro da pagina antiga (fundo, brilho e canvas do edital vem do concursos.css/edital.js) ---- */
.t2{position:relative;background:#120828;color:#CFC4EE;overflow:clip;isolation:isolate;text-align:center}
.t2 canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.t2::before{content:"";position:absolute;z-index:-1;width:min(1000px,140vw);aspect-ratio:1;left:50%;top:30%;
  translate:-50% -10%;border-radius:50%;
  background:radial-gradient(circle,rgba(93,23,235,.5) 0,rgba(93,23,235,.14) 42%,transparent 70%);
  animation:respira 7s ease-in-out infinite}
.t2-grid{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:26px;padding-bottom:26px;max-width:620px}
.t2-produto{margin:0;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#F7B5A6;
  border:1px solid rgba(247,147,130,.4);border-radius:14px;padding:6px 14px;line-height:1.5}
.t2-produto span{color:#CFC4EE;font-weight:500;white-space:nowrap}
.t2 h1{margin:0;font-size:clamp(1.85rem,7vw,3.3rem);line-height:1.04;letter-spacing:-.03em;color:#fff;font-weight:700;text-wrap:balance}
.t2 h1 em{font-style:normal;background:linear-gradient(90deg,#B79EFF,#F79382,#B79EFF);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(183,158,255,.35))}
.efeitos .t2 h1 em{animation:brilho 6s linear infinite}
.t2-sub{margin:0;font-size:clamp(.98rem,3.6vw,1.12rem);line-height:1.4;color:#CFC4EE;max-width:46ch;text-wrap:pretty}
.t2-oferta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:2px}
.t2-capas{display:flex;flex:none}
.t2-capas img{width:clamp(58px,17vw,92px);height:auto;border-radius:4px;box-shadow:0 10px 24px -8px rgba(0,0,0,.7);rotate:-6deg}
.t2-capas img+img{margin-left:-18px;rotate:5deg;translate:0 4px}
.t2-preco{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.15}
.t2-preco small{font-size:.8rem;color:#CFC4EE;opacity:.85}
.t2-preco strong{font-size:clamp(2.1rem,9vw,2.8rem);color:#fff;letter-spacing:-.03em;font-weight:700;line-height:1}
.t2-preco span{font-size:.86rem;font-weight:600;color:#F7B5A6}
/* botao do topo = a pilula branca da pagina antiga */
.t2 .t2-botao{max-width:440px;font-size:1.06rem;padding:17px 28px;margin:4px 0 0;border-radius:99px;background:#fff;color:#120828;
  box-shadow:0 0 0 6px rgba(183,158,255,.18),0 20px 60px -10px rgba(123,69,240,.85)}
.t2 .t2-botao:hover{color:#120828;box-shadow:0 0 0 9px rgba(183,158,255,.22),0 24px 70px -10px rgba(123,69,240,.95)}
.t2-garantia{margin:0;font-size:.82rem;color:#CFC4EE;display:flex;align-items:center;gap:5px;justify-content:center;flex-wrap:wrap}
.t2-garantia b{color:#fff}
.t2-garantia svg{width:15px;height:15px;fill:none;stroke:#B79EFF;stroke-width:2}
.t2-estrelas{color:var(--estrela);letter-spacing:1px}
.t2-desce{font-size:.9rem;font-weight:600;color:#B79EFF;text-decoration:none;margin-top:2px}

/* contador de 10 min: violeta claro, fala da compra */
.t2-contador{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;
  font-size:.84rem;line-height:1.3;color:var(--corpo);background:#F3EEFF;border:1px solid #D9CCFF;border-radius:10px;padding:7px 14px}
.t2 .t2-contador{background:rgba(255,255,255,.07);border-color:rgba(183,158,255,.35);color:#CFC4EE}
.t2-contador[hidden]{display:none}
.t2-contador b{font-variant-numeric:tabular-nums;color:var(--violeta);font-size:1.15rem;font-weight:700}
.t2 .t2-contador b{color:#F79382}
.t2-contador.na-oferta{margin:6px auto 4px;max-width:420px}

/* variante por anuncio: sem data-anuncio fica a "padrao" */
.t2 [data-v]{display:none}
html:not([data-anuncio]) .t2 [data-v="padrao"],
html[data-anuncio="c1"] .t2 [data-v="c1"],
html[data-anuncio="c2"] .t2 [data-v="c2"],
html[data-anuncio="c3"] .t2 [data-v="c3"],
html[data-anuncio="c4"] .t2 [data-v="c4"]{display:inline}
/* c1: o anuncio e a questao — topo enxuto para o cartao da questao comecar na 1a tela */
html[data-anuncio="c1"] .t2-sub,html[data-anuncio="c1"] .t2-contador.no-topo,html[data-anuncio="c1"] .t2-desce{display:none}
html[data-anuncio="c1"] .t2-grid{gap:10px;padding-top:18px;padding-bottom:18px}
html[data-anuncio="c1"] .t2-capas img{width:52px}
html[data-anuncio="c1"] .t2-preco strong{font-size:2rem}

/* ---- por que agora ---- */
.agora-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:8px}
.agora-card{display:flex;flex-direction:column;gap:8px;padding:20px 20px 18px;border-radius:var(--raio);background:#fff;
  border:1px solid var(--borda);text-decoration:none;color:var(--corpo);box-shadow:0 14px 30px -22px rgba(36,16,86,.45)}
.agora-card small{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--suave);font-weight:600}
.agora-card strong{font-size:1.12rem;line-height:1.3;color:var(--tinta)}
.agora-card p{margin:0;font-size:.95rem;line-height:1.45}
.agora-card p b{color:var(--violeta)}
.agora-noticia{border-top:4px solid var(--tinta)}
.agora-noticia strong{font-family:Georgia,"Times New Roman",serif;font-size:1.2rem}
.agora-ciencia{border-top:4px solid var(--violeta)}
.agora-link{margin-top:auto;font-size:.85rem;font-weight:600;color:var(--violeta)}
.agora-fecho{max-width:60ch;margin:22px auto 0;text-align:center;font-size:1.05rem;line-height:1.5;color:var(--corpo)}

/* ---- desejo ---- */
.desejo-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:8px 0 22px}
.desejo-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--raio);padding:20px;
  display:flex;flex-direction:column;gap:6px;text-align:left}
.desejo-card small{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:var(--lilas);font-weight:600}
.desejo-card strong{font-size:clamp(1.6rem,6vw,2.1rem);line-height:1.1;color:#fff;letter-spacing:-.02em}
.desejo-card strong b{font-weight:inherit}
.desejo-card strong i{font-style:normal;font-size:.55em;opacity:.75;margin-left:2px}
.desejo-card p{margin:0;font-size:.94rem;line-height:1.45;color:#E4DDF5}
.desejo-card p b{color:#fff}

/* ---- prova: nota media e mensagens ---- */
.nota-media{text-align:center;margin:-6px 0 18px;color:#E4DDF5;font-size:.95rem}
.nota-media span{color:var(--estrela);letter-spacing:2px}
.nota-media b{color:#fff;font-size:1.2rem}
.msgs{margin-top:34px}
.msgs .sobrelinha{text-align:center;margin-bottom:12px}
.msg{position:relative;max-width:86%;margin:0 0 10px;padding:9px 12px 20px;border-radius:4px 14px 14px 14px;
  background:#DCF8C6;color:#1F2C1A;font-size:.95rem;line-height:1.4;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.msg:nth-child(odd){margin-left:auto;border-radius:14px 4px 14px 14px}
.msg time{position:absolute;right:10px;bottom:4px;font-size:.7rem;color:#5E7356}

/* ---- a questao: marca → o cartao se corrige → a resolucao em passos curtos ----
   Sem rolagem amarrada: nada gruda, nada fica apagado. .feito = resolvido (estado sem JS). */
.r2-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,48px);align-items:start;margin-top:8px}
.resolve2 .q-alts li{--r:0;opacity:1;cursor:pointer}
.resolve2 .q-alts li:hover{border-color:#B9A6E8}
.resolve2 .q-alts li[data-certa]{background:#fff;border-color:var(--borda);font-weight:400;--g:0}
.resolve2.feito .q-alts li[data-errada]{--r:1;opacity:.45}
.resolve2.feito .q-alts li[data-certa]{background:#EDE5FD;border-color:var(--violeta);font-weight:600;--g:1;box-shadow:0 0 0 5px rgba(93,23,235,.12)}
.resolve2 .q-alts li.marcada{opacity:1}
.r2-pular{justify-self:start;background:none;border:0;padding:2px 0;font:inherit;font-size:.86rem;font-weight:600;color:var(--violeta);text-decoration:underline;cursor:pointer}
.r2-pular[hidden]{display:none}
.r2-resolucao[hidden]{display:none}
.r2-resolucao.entra{animation:surge .5s cubic-bezier(.2,.7,.2,1)}
.r2-titulo{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:var(--tinta);letter-spacing:-.01em}
.r2-intro{margin:0 0 14px;font-size:.95rem;color:var(--corpo);line-height:1.45}
.r2-passos{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.r2-passos li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;background:#fff;
  border:1px solid var(--borda);border-radius:14px;padding:14px 14px 14px 12px}
.r2-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--violeta);color:#fff;
  font-weight:700;font-size:.92rem}
.r2-chip{display:inline-block;margin-bottom:6px;font-size:.8rem;font-weight:700;padding:3px 9px;border-radius:7px;
  background:#EDE5FD;color:var(--violeta);font-variant-numeric:tabular-nums}
.r2-passos p{margin:0;font-size:.98rem;line-height:1.45;color:var(--tinta)}
.r2-passos .r2-cai{margin-top:8px;font-size:.88rem;color:var(--corpo);padding-top:8px;border-top:1px dashed var(--borda)}
.r2-cai span{display:inline-block;margin-right:4px;font-weight:700;color:#B42318;white-space:nowrap}
.r2-gabarito{margin-top:12px;border-radius:14px;padding:14px 16px;background:var(--violeta);color:#fff}
.r2-gabarito p{margin:0;font-size:.92rem;line-height:1.45;color:#E9E2FB}
.r2-gabarito p:first-child{font-size:1.02rem;color:#fff;margin-bottom:6px}
.r2-gabarito b{letter-spacing:.04em}
.resolve2 .q-original{display:inline-block;margin-top:12px}
@media (max-width:900px){
  /* as faixas do edital.js correm nestas bordas (28/10, 27a) */
  .t2-grid,html[data-anuncio="c1"] .t2-grid{padding-top:44px;padding-bottom:44px}
}
@media (max-width:860px){
  .r2-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  /* o cartao nao gruda mais: volta ao tamanho de leitura */
  .resolve2 .q-cartao{padding:16px;gap:10px}
  .resolve2 .q-texto{font-size:.92rem}
  .resolve2 .q-gaso span{font-size:.82rem;padding:4px 8px}
  .resolve2 .q-alts{gap:6px}
  .resolve2 .q-alts li{font-size:.92rem;padding:9px 11px}
  .resolve2 .g-selo{font-size:.6rem;padding:1px 6px}
}
@media (prefers-reduced-motion:reduce){.r2-resolucao.entra{animation:none}}

/* a questao vem logo depois do topo: menos ar em cima */
#questao{padding-top:34px}

/* ---- c1 (opcao B): quem viu a questao no video ve o livro por dentro, nao a questao de novo ---- */
/* v3 (28/10, 29a): a questao interativa so no c1, logo depois do "imagina"; os outros veem as paginas no bloco 8 */
#questao{display:none}
html[data-anuncio="c1"] #questao,html[data-anuncio="c4"] #questao{display:block}
.c1-folhas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,28px);margin:6px auto 0;max-width:900px}
.c1-folha{position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--suave)}
.c1-folha img{width:100%;height:auto;border-radius:6px;border:1px solid var(--borda);background:#fff;
  box-shadow:0 18px 34px -20px rgba(36,16,86,.55)}
.c1-folha small{font-size:.78rem;text-align:center}
.c1-marca{position:absolute;top:10px;left:10px;right:10px;width:fit-content;max-width:calc(100% - 20px);
  background:var(--violeta);color:#fff;font-size:.78rem;font-weight:700;line-height:1.25;padding:5px 9px;border-radius:7px;
  box-shadow:0 6px 14px -6px rgba(36,16,86,.6)}
.c1-padrao{list-style:none;padding:0;margin:24px auto 0;max-width:560px;display:grid;gap:8px}
.c1-padrao li{position:relative;padding-left:26px;font-size:1.02rem;line-height:1.4;color:var(--tinta)}
.c1-padrao li::before{content:"✓";position:absolute;left:2px;top:0;color:var(--violeta);font-weight:700}
.c1-padrao b{color:var(--violeta)}
.c1-desejo{max-width:560px;margin:16px auto 0;font-size:1rem;line-height:1.5;color:var(--corpo);text-align:center}
.c1-desejo b{color:var(--tinta)}
.c1-compra{display:flex;flex-direction:column;align-items:center;gap:10px;margin:22px auto 0;max-width:460px;text-align:center}
.c1-preco{margin:0;display:flex;flex-direction:column;line-height:1.15}
.c1-preco small{font-size:.82rem;color:var(--suave)}
.c1-preco strong{font-size:2.4rem;color:var(--tinta);letter-spacing:-.03em}
@media (max-width:520px){
  .c1-folhas{grid-template-columns:minmax(0,1fr);max-width:420px}   /* uma por vez, grande */
  .c1-livro .cta-meio-titulo,.c1-livro h2{text-wrap:balance}
}

/* ================= NARRATIVA v3 (28/10/2026, 29a) ================= */
/* 2 · imagina */
.imagina{text-align:center}
.imagina-texto{font-size:clamp(1.08rem,2.6vw,1.3rem);line-height:1.55;color:var(--tinta);margin:0 auto 18px;max-width:620px}
.imagina-sabia{font-size:clamp(1.5rem,4.4vw,2.1rem);color:var(--violeta);line-height:1.2;margin:8px auto 18px;max-width:560px}
.imagina .dor-virada{text-align:center}
/* 3 · riscados: entra, a linha corre por cima do texto e o X aparece */
.riscos{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.riscos li{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:16px 18px;
  transition-delay:calc(var(--i,0) * .12s)}
.riscos svg{width:28px;height:28px;flex:none;fill:none;stroke:#E5242B;stroke-width:3;stroke-linecap:round;
  transform:scale(0) rotate(-90deg);transition:transform .45s cubic-bezier(.34,1.56,.64,1) calc(var(--i,0) * .35s + .9s)}
.riscos p{position:relative;margin:0;display:flex;flex-direction:column;gap:2px;line-height:1.35}
.riscos b{font-size:1.06rem;color:var(--tinta);transition:color .4s ease calc(var(--i,0) * .35s + .6s)}
.riscos span{font-size:.92rem;color:var(--suave)}
.riscos p::after{content:"";position:absolute;left:-4px;top:.86em;height:3px;width:0;background:#E5242B;border-radius:3px;
  transition:width .55s cubic-bezier(.65,0,.35,1) calc(var(--i,0) * .35s + .4s)}
.riscos li.visivel svg{transform:none}
.riscos li.visivel p::after{width:calc(100% + 8px)}
.riscos p{transition:opacity .5s ease calc(var(--i,0) * .35s + .75s)}
.riscos li.visivel p{opacity:.42}
html:not(.efeitos) .riscos svg{transform:none}
html:not(.efeitos) .riscos p::after{width:calc(100% + 8px)}
@media (prefers-reduced-motion:reduce){.riscos svg,.riscos p::after,.riscos b{transition:none}}
/* 4 · solucao */
.sol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:6px}
.sol-card{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:20px 18px;transition-delay:calc(var(--i,0) * .1s)}
.sol-card h3{margin:10px 0 6px;font-size:1.12rem;color:var(--tinta)}
.sol-card p{margin:0;font-size:.98rem;line-height:1.5;color:var(--corpo)}
.sol-nota{text-align:center;font-size:.92rem;color:var(--suave);margin:20px auto 0;max-width:560px}
/* 5 · ciencia: recortes pequenos, o titulo basta */
.ciencia-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}
.g1-recorte{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:12px;
  text-decoration:none;color:var(--suave);box-shadow:0 6px 18px rgba(30,10,80,.06);transform:rotate(-.6deg)}
.g1-recorte:nth-child(2){transform:rotate(.6deg)}
.g1-recorte img{width:100%;height:auto;border-radius:6px}
.g1-recorte small{font-size:.8rem}
/* 6 · vaga */
.vaga-texto{color:rgba(255,255,255,.88);font-size:1.05rem;line-height:1.55;margin:10px auto 0;max-width:560px}
.vaga-texto b{color:#fff}
/* 8 · amostra */
.am-passo{margin:0 auto 30px;max-width:900px}
.am-rotulo{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--tinta);font-size:1.05rem;margin:0 0 12px}
.am-img{display:block;width:100%;max-width:760px;height:auto;margin:0 auto;border-radius:8px;border:1px solid var(--borda);
  background:#fff;box-shadow:0 10px 26px rgba(30,10,80,.08)}

/* ---- v4 (29/10, ajustes dele) ---- */
.imagina-titulo{color:var(--violeta)}
.imagina-lead{font-size:clamp(1.2rem,3.4vw,1.55rem);line-height:1.4;font-weight:600;color:var(--tinta);margin:0 auto 12px;max-width:620px}
/* solucao: numero em cima, titulo embaixo; no celular cada cartao entra de um lado e o numero salta */
.sol-card{display:flex;flex-direction:column;align-items:flex-start}
.sol-card .passo-num{display:inline-flex;margin:0 0 4px}
@media (max-width:700px){
  .efeitos .sol-card.revelar{transform:translateX(-36px);transition-delay:0s}
  .efeitos .sol-card.revelar:nth-child(even){transform:translateX(36px)}
  .efeitos .sol-card.revelar.visivel{transform:none}
  .efeitos .sol-card .passo-num{transform:scale(.3);transition:transform .5s cubic-bezier(.34,1.56,.64,1) .35s}
  .efeitos .sol-card.visivel .passo-num{transform:none}
}
/* letreiro: corre como a faixa do topo */
.letreiro{overflow:hidden;margin:26px calc(50% - 50vw) 0;padding:14px 0;background:var(--violeta);color:#fff;
  -webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.letreiro-trilho{display:flex;width:max-content;gap:28px;align-items:center;white-space:nowrap;animation:letreiro 26s linear infinite;
  font-size:1.05rem;font-style:italic}
.letreiro-trilho i{font-style:normal;opacity:.7}
.letreiro-trilho b{font-style:normal}
@keyframes letreiro{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.letreiro-trilho{animation:none}}
/* amostra */
.am-reforco{text-align:center;font-size:1.05rem;color:var(--corpo);margin:16px auto 0;max-width:560px}
.am-reforco b{color:var(--tinta)}
.am-sub{margin:-4px 0 12px;color:var(--corpo);font-size:.98rem}
.am-sub b{color:var(--violeta)}
/* volumes no fundo escuro */
.volumes-escuro .apoio{color:rgba(255,255,255,.82)}
.solucao{overflow-x:clip}

/* ---- v5 (29/10, 31a, ajustes dele) ---- */
/* um padrao so: todo titulo e h2.palavras, todo texto embaixo e .apoio (sem tamanhos proprios por bloco) */
.imagina-2{margin-top:44px}
.ciencia-fecho{margin:44px auto 0}
.volumes-titulo{margin:34px auto 22px}
/* Metodologia (31a, revisto): o mesmo cartao dos outros, destacado pela borda violeta, um fundo lilas leve,
   o numero cheio e um brilho que passa (as cores do letreiro logo abaixo) */
.sol-card.sol-destaque{position:relative;overflow:hidden;background:#F4EEFD;border:2px solid var(--violeta);
  box-shadow:0 12px 28px -16px rgba(93,23,235,.45)}
.sol-destaque h3{color:var(--violeta)}
.sol-destaque .passo-num{background:var(--violeta);color:#fff}
.sol-destaque::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);
  transform:translateX(-120%);animation:sol-brilho 4.5s ease-in-out 1.2s infinite;pointer-events:none}
@keyframes sol-brilho{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
/* letreiro um pouco mais discreto: lilas claro, letra violeta e menor */
.letreiro{background:#EEE8FB;color:var(--violeta);padding:10px 0}
.letreiro-trilho{font-size:.95rem}
/* amostra: os rotulos entram da esquerda e o numero salta */
.efeitos .am-passo.revelar .am-rotulo{opacity:0;transform:translateX(-32px);transition:opacity .5s ease .15s,transform .6s cubic-bezier(.22,1,.36,1) .15s}
.efeitos .am-passo.revelar .am-rotulo .passo-num{transform:scale(.3);transition:transform .5s cubic-bezier(.34,1.56,.64,1) .5s}
.efeitos .am-passo.visivel .am-rotulo,.efeitos .am-passo.visivel .am-rotulo .passo-num{opacity:1;transform:none}
.am-reforco{font-style:italic}
@media (prefers-reduced-motion:reduce){.sol-destaque::after{animation:none}
  .efeitos .am-passo.revelar .am-rotulo,.efeitos .am-passo.revelar .am-rotulo .passo-num{opacity:1;transform:none;transition:none}}

/* ---- espacamento (29/10, 31a): um padrao so ----
   entre secoes 64 px no celular, 72 no computador (antes 96 e 176) · titulo → texto 14 · cabecalho → conteudo 28
   · cartoes 24 por dentro, 16 entre eles · margem lateral 20 no celular */
.secao{padding:clamp(2rem,3vw,2.25rem) 0}
.container{padding-inline:clamp(1.25rem,4vw,2.5rem)}
.cabecalho-secao{gap:14px;margin-bottom:28px}
.sol-card,.obj,.volume,.depo{padding:24px}
.riscos li{padding:18px 24px}
.sol-grid,.ciencia-grid,.objs,.depos,.volumes{gap:16px}
.imagina-2,.ciencia-fecho{margin-top:48px}
.volumes-titulo{margin:32px auto 28px}
.am-passo{margin-bottom:32px}
.cabecalho-secao:last-child{margin-bottom:0}

/* ---- cores (29/10, 33a, opcao A dele): uma cor so no lugar das 4 (azul, verde, lilas, coral) ----
   faixa lateral e numeros em violeta, garantia lilas; os blocos escuros ficam no roxo de hoje (escolha dele).
   Opcoes e fotos em _opcoes-cor/. */
.borda-azul::before,.borda-verde::before,.borda-lilas::before,.borda-coral::before{background:var(--violeta);width:4px}
.volume,.volume + .volume{border-top-color:var(--violeta)}
.passo-num{background:var(--violeta);color:#fff}
.garantia{background:#F4EEFD;border:1px solid #D9CCFF}
.garantia svg{stroke:var(--violeta)}
.selo-garantia{border-color:var(--violeta);color:var(--violeta)}

/* ---- imagina com cor (29/10, 33a, pedido dele: o trecho imagina + riscados era branco e so texto) ----
   fundo lilas no bloco e o "Voce sabia?" num cartao violeta cheio; riscados segue branco, solucao lilas */
.imagina{background:var(--fundo-alt)}
.imagina .imagina-2{margin-top:36px;padding:28px 22px;border-radius:20px;color:#fff;
  background:radial-gradient(ellipse at 50% 0,#7B45F0 0,#5D17EB 45%,#3B0FA0 100%);
  box-shadow:0 0 0 6px rgba(93,23,235,.10),0 22px 44px -18px rgba(93,23,235,.7)}
.imagina .imagina-2 h2{color:#fff}
.imagina .imagina-2 .apoio{color:#E9E2FB}