/* SOMOS — «Vamos Aprender» (js/vamos-aprender/). Isolado sob .va-*,
   herda o tema activo da plataforma. Cartões curtos, sem parede de texto. */
#view-aprender{--va-acento:var(--grad-b);--va-papel:var(--card);--va-texto:var(--text);
  --va-mudo:var(--muted);--va-linha:var(--border);--va-suave:var(--tint);}
#view-aprender .va-disciplina{margin-bottom:22px;}
#view-aprender .va-disc-titulo{font-family:'Baloo 2','Nunito',sans-serif;font-size:19px;
  color:var(--va-texto);margin:0 0 10px;display:flex;gap:8px;align-items:center;}
#view-aprender .va-topicos{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;}
#view-aprender .va-topico{display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;
  background:var(--va-papel);border:1px solid var(--va-linha);border-radius:18px;padding:14px;min-height:76px;}
#view-aprender .va-topico:hover{border-color:var(--va-acento);}
#view-aprender .va-topico:focus-visible{outline:3px solid var(--va-acento);outline-offset:3px;}
#view-aprender .va-topico-emoji{width:46px;height:46px;border-radius:14px;display:flex;flex:none;
  align-items:center;justify-content:center;font-size:22px;}
#view-aprender .va-topico-corpo{min-width:0;flex:1;}
#view-aprender .va-topico-titulo{display:block;font-size:15.5px;line-height:1.3;color:var(--va-texto);}
#view-aprender .va-topico-meta{display:block;font-size:12.5px;color:var(--va-mudo);margin-top:3px;}
#view-aprender .va-seta{color:var(--va-mudo);font-size:22px;line-height:1;flex:none;}
#view-aprender .va-fundamental .va-topico-titulo::after{content:'🧱';font-size:12px;margin-left:6px;vertical-align:middle;}

#view-aprender .va-voltar{margin-bottom:12px;}
#view-aprender .va-botao-voltar{min-height:44px;border:1px solid var(--va-linha);background:var(--va-papel);
  color:var(--va-texto);border-radius:22px;padding:8px 16px;font-size:.875rem;cursor:pointer;}
#view-aprender .va-botao-voltar:focus-visible{outline:3px solid var(--va-acento);outline-offset:3px;}
#view-aprender .va-topico-cabeca h3{font-family:'Baloo 2','Nunito',sans-serif;font-size:26px;margin:0 0 4px;}
#view-aprender .va-topico-desc{font-size:14px;color:var(--va-mudo);margin:0 0 16px;}

#view-aprender .va-percurso{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
#view-aprender .va-licao{display:flex;align-items:center;gap:12px;background:var(--va-papel);
  border:1px solid var(--va-linha);border-radius:16px;padding:12px 14px;}
#view-aprender .va-licao-feita{border-color:color-mix(in srgb,var(--va-acento) 40%,var(--va-linha));}
#view-aprender .va-licao-num{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;
  justify-content:center;font-family:'Baloo 2',sans-serif;font-weight:800;color:var(--va-acento);
  background:var(--va-suave);}
#view-aprender .va-licao-corpo{flex:1;min-width:0;}
#view-aprender .va-licao-corpo b{display:block;font-size:15px;color:var(--va-texto);line-height:1.3;}
#view-aprender .va-licao-corpo small{display:block;color:var(--va-mudo);font-size:12.5px;margin-top:2px;}
#view-aprender .va-licao-btn{min-height:44px;flex:none;border:0;border-radius:22px;padding:9px 15px;
  background:var(--va-acento);color:#fff;font-weight:700;font-size:13.5px;cursor:pointer;}
#view-aprender .va-licao-feita .va-licao-btn{background:var(--va-suave);color:var(--va-acento);}
#view-aprender .va-licao-btn:focus-visible{outline:3px solid var(--va-acento);outline-offset:3px;}
#view-aprender .va-licao-vazia{color:var(--va-mudo);font-size:14px;padding:10px 4px;}
#view-aprender .va-painel-licao{background:var(--va-papel);border:1px solid var(--va-linha);
  border-radius:20px;padding:20px;}

@media (max-width:640px){
  #view-aprender .va-topicos{grid-template-columns:1fr;}
  #view-aprender .va-topico-cabeca h3{font-size:21px;}
  #view-aprender .va-licao-btn{padding:9px 12px;font-size:12.5px;}
}


/* Biblioteca editorial SOMOS — redesign 2026-10 */
#view-aprender .va-biblioteca{width:100%;max-width:1280px;margin:0 auto;padding:2px 0 52px}
#view-aprender .va-hero{min-height:242px;background:linear-gradient(112deg,#f5f0fa 0%,#f0eaf9 62%,#e8eaf9 100%);border:1px solid #eee5f6;border-radius:28px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(200px,.65fr);overflow:hidden;position:relative;margin-bottom:34px}
#view-aprender .va-hero-conteudo{padding:34px 44px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;z-index:1}
#view-aprender .va-sobretitulo{font-size:11px;font-weight:800;letter-spacing:.13em;color:#8372a3}
#view-aprender .va-hero h3{font:800 clamp(25px,2.7vw,37px)/1.13 'Baloo 2','Nunito',sans-serif;color:#2e2842;margin:9px 0 8px;letter-spacing:-.025em}
#view-aprender .va-hero p{color:#6c6480;max-width:510px;font-size:14px;line-height:1.6;margin:0}
#view-aprender .va-hero-nota{display:inline-block;margin-top:18px;font-weight:800;font-size:12px;color:#79649d;background:#fff;border-radius:100px;padding:8px 13px}
#view-aprender .va-hero-arte{position:relative;min-height:230px}
#view-aprender .va-orbita{position:absolute;border:1px solid rgba(134,111,180,.21);border-radius:50%;width:250px;height:250px;left:8%;top:-5%;transform:rotate(-23deg)}
#view-aprender .va-orbita-b{width:190px;height:190px;left:19%;top:9%;border-color:rgba(134,111,180,.18)}
#view-aprender .va-livro{position:absolute;top:34%;left:26%;height:96px;width:148px;display:flex;filter:drop-shadow(0 16px 14px rgba(88,71,121,.14));transform:rotate(-13deg)}
#view-aprender .va-livro i{display:block;background:#fffdfd;width:50%;height:100%;border-radius:10px 3px 5px 10px;border:1px solid #e4d8ee;transform:skewY(6deg);box-shadow:inset -8px 0 0 #f9f4fa}
#view-aprender .va-livro i+ i{background:#eee2f7;border-radius:3px 10px 10px 5px;transform:skewY(-6deg);box-shadow:inset 8px 0 0 #f8eefc}
#view-aprender .va-estrela{position:absolute;color:#be9dd7;font-size:33px}
#view-aprender .va-estrela-a{left:17%;top:18%}
#view-aprender .va-estrela-b{right:20%;bottom:14%;font-size:44px}
#view-aprender .va-mini-circulo{position:absolute;width:28px;height:28px;border-radius:50%;background:#efd0db;right:21%;top:20%}
#view-aprender .va-introducao{margin:0 0 26px}
#view-aprender .va-introducao h3{font:800 clamp(24px,2vw,30px)/1.2 'Baloo 2','Nunito',sans-serif;color:var(--va-texto);margin:5px 0}
#view-aprender .va-introducao p{color:var(--va-mudo);font-size:14px;margin:0}
#view-aprender .va-disciplina{margin-bottom:33px}
#view-aprender .va-disc-cabeca{display:flex;align-items:center;gap:14px;margin-bottom:14px}
#view-aprender .va-disc-titulo{font-size:20px;margin:0}
#view-aprender .va-disc-contagem{font-size:12px;color:var(--va-mudo)}
#view-aprender .va-topicos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-aprender .va-topico{padding:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;min-height:0;border-radius:20px;box-shadow:0 6px 22px rgba(37,32,56,.035);transition:transform .18s ease,box-shadow .18s ease}
#view-aprender .va-topico:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(37,32,56,.08)}
#view-aprender .va-topico-imagem{display:block;height:150px;width:100%;position:relative;overflow:hidden}
#view-aprender .va-tema-tabuada .va-topico-imagem{background:linear-gradient(135deg,#ebe3fa,#dedff5)}
#view-aprender .va-tema-agua .va-topico-imagem{background:linear-gradient(135deg,#e4f4fc,#cee8f5)}
#view-aprender .va-tema-numeros .va-topico-imagem{background:linear-gradient(135deg,#fae9e8,#f3e4f6)}
#view-aprender .va-tema-terra .va-topico-imagem{background:linear-gradient(135deg,#e7f6ec,#d6eee0)}
#view-aprender .va-tema-generico .va-topico-imagem{background:#f1eafa}
#view-aprender .va-art-terra-globo{position:absolute;left:36%;top:28%;height:64px;width:64px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#8ad0a6,#3aa568 62%,#2d8a56);box-shadow:inset -6px -8px 0 rgba(21,74,44,.18),0 8px 16px rgba(21,128,61,.22)}
#view-aprender .va-art-terra-globo::before{content:'';position:absolute;left:14%;top:26%;height:16px;width:24px;border-radius:50%;background:#dff3e6;transform:rotate(-18deg)}
#view-aprender .va-art-terra-globo::after{content:'';position:absolute;right:12%;bottom:20%;height:12px;width:18px;border-radius:50%;background:#dff3e6;transform:rotate(12deg)}
#view-aprender .va-art-terra-alerta{position:absolute;right:16%;top:22%;height:34px;width:34px;border-radius:10px;background:#ffe9c7;display:grid;place-items:center;font-size:18px;box-shadow:0 5px 10px rgba(214,132,34,.2)}
#view-aprender .va-topico-corpo{padding:18px 20px 19px;display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%}
#view-aprender .va-topico-categoria{font-size:10px;color:#8d7a9e;letter-spacing:.08em;font-weight:800;line-height:1.5}
#view-aprender .va-topico-titulo{font:800 19px/1.25 'Baloo 2','Nunito',sans-serif;margin-top:8px}
#view-aprender .va-topico-resumo{font-size:13px;color:var(--va-mudo);line-height:1.5;margin-top:8px;flex:1}
#view-aprender .va-topico-progresso{margin-top:9px;font-size:12px;color:var(--va-mudo)}
#view-aprender .va-topico-cta{font-size:13px;color:#7962a7;font-weight:800;margin-top:17px}
#view-aprender .va-topico-cta span{margin-left:4px}
#view-aprender .va-art-tabuada{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);display:grid;grid-template-columns:repeat(4,21px);gap:8px}
#view-aprender .va-art-tabuada i{height:21px;border-radius:7px;background:#9c86c9;box-shadow:inset -2px -3px 0 rgba(72,48,109,.13),0 5px 10px #b6a5d8}
#view-aprender .va-art-tabuada i:nth-child(3n){background:#d5a3b8}
#view-aprender .va-art-numero{position:absolute;top:48%;left:16%;transform:translateY(-50%) rotate(-11deg);background:#fff9fa;border:1px solid #efdce7;box-shadow:0 10px 20px #d6bdcc70;padding:12px 17px;border-radius:14px;font:800 31px 'Baloo 2',sans-serif;color:#8d74b2}
#view-aprender .va-art-numero-dois{left:auto;right:12%;transform:translateY(-50%) rotate(8deg);background:#f7edfc}
#view-aprender .va-art-seta{position:absolute;top:47%;left:49%;transform:translate(-50%,-50%);font-size:30px;color:#bc90bd}
#view-aprender .va-art-sol{position:absolute;top:17px;right:22%;height:37px;width:37px;border-radius:50%;background:#f2d4a0}
#view-aprender .va-art-nuvem{position:absolute;top:35px;left:25%;width:86px;height:35px;border-radius:35px;background:#fff;box-shadow:20px -9px 0 2px #fff,-12px 8px 0 -2px #fff,0 10px 18px #8daac244}
#view-aprender .va-art-gota{position:absolute;top:74px;left:54%;width:33px;height:42px;background:#6daed0;border-radius:70% 0 70% 70%;transform:rotate(-45deg);box-shadow:0 9px 17px #75a9c54d}
#view-aprender .va-art-onda{position:absolute;bottom:-65px;left:-8%;width:115%;height:115px;background:#95c9dc;border-radius:50% 50% 0 0;opacity:.68}
#view-aprender .va-art-estrela{position:absolute;left:45%;top:23%;color:#9e83c5;font-size:66px}
#view-aprender .va-fundamental .va-topico-titulo::after{content:none}
@media(max-width:1100px){#view-aprender .va-topicos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#view-aprender .va-hero{grid-template-columns:1fr;min-height:0}#view-aprender .va-hero-conteudo{padding:26px 25px}#view-aprender .va-hero-arte{min-height:90px;opacity:.65}#view-aprender .va-livro{top:-22px;left:56%;transform:scale(.7) rotate(-13deg)}#view-aprender .va-orbita{top:-130px;left:45%}#view-aprender .va-topicos{grid-template-columns:1fr}#view-aprender .va-topico-imagem{height:145px}#view-aprender .va-disciplina{margin-bottom:27px}}
@media(prefers-reduced-motion:reduce){#view-aprender .va-topico{transition:none}#view-aprender .va-topico:hover{transform:none}}


/* E05 — tabuada cartesiana interativa (js/vamos-aprender/tabuada-cartesiana.js) */
#view-aprender .va-ferramentas{margin:0 0 18px}
#view-aprender .va-ferramenta-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;
  background:var(--va-papel);border:1.5px solid var(--va-linha);border-radius:18px;padding:14px 16px}
#view-aprender .va-ferramenta-btn:hover{border-color:var(--va-acento)}
#view-aprender .va-ferramenta-btn:focus-visible{outline:3px solid var(--va-acento);outline-offset:3px}
#view-aprender .va-ferramenta-icone{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;
  font-size:23px;color:var(--va-acento);background:var(--va-suave);border-radius:14px}
#view-aprender .va-ferramenta-corpo b{display:block;font-size:15px;color:var(--va-texto)}
#view-aprender .va-ferramenta-corpo small{display:block;font-size:12.5px;color:var(--va-mudo);margin-top:2px;line-height:1.45}

#view-aprender .va-cartesiana{--vc-acento:#9B5DE5;--vc-espelho:#118AB2}
#view-aprender .va-cart-ferramentas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-aprender .va-cart-modo{min-height:42px;border-radius:21px;border:1.5px solid var(--va-linha);cursor:pointer;
  background:var(--va-papel);color:var(--va-texto);font-weight:700;font-size:13px;padding:8px 14px}
#view-aprender .va-cart-modo[aria-pressed="true"]{background:var(--vc-acento);border-color:var(--vc-acento);color:#fff}
#view-aprender .va-cart-dica{font-size:12.5px;color:var(--va-mudo);margin:0 0 12px;line-height:1.5}
#view-aprender .va-cart-scroll{overflow-x:auto;border:1px solid var(--va-linha);border-radius:16px;background:var(--va-papel)}
#view-aprender .va-cart-tabela{border-collapse:collapse;margin:0 auto;min-width:396px;padding:6px}
#view-aprender .va-cart-tabela th{padding:2px}
#view-aprender .va-cart-cab{width:34px;height:34px;border-radius:9px;border:1.5px solid transparent;cursor:pointer;
  background:var(--va-suave);color:var(--va-acento);font-weight:800;font-size:13.5px;font-family:'Baloo 2',sans-serif}
#view-aprender .va-cart-cab:hover{border-color:var(--vc-acento)}
#view-aprender .va-cart-cab:focus-visible,#view-aprender .va-cart-celula:focus-visible{outline:3px solid var(--vc-acento);outline-offset:1px}
#view-aprender .va-cart-cab-on{background:var(--vc-acento);color:#fff}
#view-aprender .va-cart-celula{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--va-linha);cursor:pointer;
  background:var(--va-papel);color:var(--va-texto);font-weight:700;font-size:12.5px;font-family:'Nunito',sans-serif}
#view-aprender .va-cart-celula:hover{border-color:var(--vc-acento)}
#view-aprender .va-cart-q{color:#7C3AED;background:color-mix(in srgb,#9B5DE5 7%,var(--va-papel))}
#view-aprender .va-cart-quadrados-on.va-cart-q{background:#9B5DE5;color:#fff;border-color:#9B5DE5}
#view-aprender .va-cart-sel{background:var(--vc-acento);color:#fff;border-color:var(--vc-acento);
  box-shadow:0 4px 12px rgba(128,85,168,.35)}
#view-aprender .va-cart-espelho{background:color-mix(in srgb,var(--vc-espelho) 16%,var(--va-papel));
  border-color:var(--vc-espelho);color:#0E7490}
#view-aprender .va-cart-na-linha{background:color-mix(in srgb,var(--vc-espelho) 9%,var(--va-papel))}
#view-aprender .va-cart-sel.va-cart-na-linha,#view-aprender .va-cart-espelho.va-cart-na-linha{filter:saturate(1.15)}
#view-aprender .va-cart-detalhe{margin-top:16px;background:var(--va-papel);border:1px solid var(--va-linha);
  border-radius:16px;padding:16px 18px;display:grid;gap:7px}
#view-aprender .va-cart-det-titulo{font:800 24px 'Baloo 2',sans-serif;color:var(--va-texto)}
#view-aprender .va-cart-det-espelho{font-size:13px;color:var(--vc-espelho);font-weight:700}
#view-aprender .va-cart-det-etq{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--va-mudo);font-weight:800;margin-top:4px}
#view-aprender .va-cart-det-caminhos{margin:0;padding:0 0 0 18px;display:grid;gap:6px}
#view-aprender .va-cart-det-caminhos li{font-size:13.5px;line-height:1.5;color:var(--va-texto)}
#view-aprender .va-cart-det-caminhos small{color:var(--va-mudo)}
@media(max-width:640px){
  #view-aprender .va-cart-tabela{min-width:348px}
  #view-aprender .va-cart-cab,#view-aprender .va-cart-celula{width:30px;height:30px;font-size:11.5px}
  #view-aprender .va-cart-det-titulo{font-size:21px}
}
@media(prefers-reduced-motion:reduce){#view-aprender .va-cart-celula{transition:none}}