/* ============================================================================
   A PELE NOVA DAS AULAS — 15/10/2026
   Mesmos tons e fontes da home nova (Newsreader, Inter, JetBrains Mono; papel,
   tinta, laranja queimado, lima). Veste a marcação que as aulas já têm
   (.capa-lua, .folha, .calculo, .eq, .passo, .navega…) sem mexer no texto.
   ========================================================================== */
:root{--papel:#f6f0e4;--papel2:#efe6d4;--caixa:#fdf8ee;--tinta:#111827;--dim:#4b5563;--cor:#9f561a;--cor-claro:#ca782b;--lima:#b9eb53;--lima-escuro:#6f8f1d;--linha:rgba(17,24,39,.12);--vermelho:#b42318;--verde:#1f7a3a;--azul:#1d4ed8;--escuro:#0f1117;
  --fonte:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Newsreader","Instrument Serif",Georgia,"Times New Roman",serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--raio:18px;--largura:780px}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font:17px/1.65 var(--fonte);letter-spacing:-.005em}
a{color:var(--cor);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:2.5px}
img,svg,canvas,video{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.08;margin:0;color:var(--tinta);font-optical-sizing:auto}
h1{font-size:clamp(2.4rem,5.4vw,4.2rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-top:3.4rem;margin-bottom:1rem}
h3{font-size:clamp(1.45rem,2.4vw,1.9rem);margin-top:2.6rem;margin-bottom:.7rem}
h4{font-size:1.2rem;margin-top:1.8rem;margin-bottom:.5rem}
p,li{max-width:66ch}
p{margin:.9rem 0}
b,strong{font-weight:700}
i,em{font-style:italic}
code{font-family:var(--mono);font-size:.92em;background:rgba(17,24,39,.06);padding:.1em .4em;border-radius:6px}
pre{background:var(--escuro);color:#e6edf3;border-radius:var(--raio);padding:1.1rem 1.3rem;overflow:auto;font:14px/1.6 var(--mono);margin:1.2rem 0;box-shadow:0 20px 40px -30px rgba(0,0,0,.5)}
pre code{background:none;padding:0;color:inherit;font-size:inherit}
pre.antes{border-left:5px solid var(--vermelho)} pre.depois{border-left:5px solid var(--lima)}
hr{border:0;border-top:1px solid var(--linha);margin:2.5rem 0}
table{border-collapse:collapse;width:100%;font-size:.98rem}
th,td{padding:.65rem .8rem;border-bottom:1px solid var(--linha);text-align:left;vertical-align:top}
th{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cor)}
.tab-wrap{overflow-x:auto;margin:1.2rem 0;background:var(--caixa);border:1px solid var(--linha);border-radius:var(--raio);padding:.4rem 1rem}
/* ---------- cabeçalho e rodapé da edição nova ---------- */
.cab-nova{position:sticky;top:0;z-index:30;background:rgba(246,240,228,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.cab-nova .cx{max-width:1120px;margin:0 auto;padding:.7rem 24px;display:flex;align-items:center;gap:1.4rem}
.cab-nova .logo{font-family:var(--serif);font-weight:600;font-size:1.3rem;color:var(--tinta);text-decoration:none;display:flex;align-items:center;gap:.5rem}
.cab-nova .logo i{width:26px;height:26px;display:inline-block;background:url(../faisca.svg) center/contain no-repeat}
.cab-nova nav{display:flex;gap:1.1rem;margin-left:auto;flex-wrap:wrap}
.cab-nova nav a{color:var(--tinta);text-decoration:none;font-weight:600;font-size:.95rem}
.cab-nova nav a:hover{color:var(--cor)}
.cab-nova nav a.bt{background:var(--tinta);color:#fff;border-radius:999px;padding:.5rem 1rem}
.rodape-novo{margin-top:5rem;border-top:1px solid var(--linha);background:var(--papel2)}
.rodape-novo .cx{max-width:1120px;margin:0 auto;padding:2.4rem 24px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;font-size:.95rem;color:var(--dim)}
.rodape-novo b{font-family:var(--serif);font-size:1.2rem;color:var(--tinta)}
.rodape-novo a{color:var(--tinta)}
/* ---------- a capa da aula ---------- */
.capa-lua{background:linear-gradient(135deg,#9f561a 0%,#ca782b 55%,#c7b83c 100%);color:#fff;padding:clamp(3rem,8vw,6.5rem) 24px clamp(2.6rem,6vw,4.5rem);position:relative;overflow:hidden}
.capa-lua::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.18),transparent 70%);pointer-events:none}
.capa-lua>*{position:relative;max-width:var(--largura);margin-left:auto;margin-right:auto}
.capa-lua .eyebrow,.capa-lua .rot{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#ffe7c7;margin:0 0 1.2rem}
.capa-lua .eyebrow a{color:#fff}
.capa-lua h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.capa-lua h1 .mark{font-style:italic;font-weight:400;color:#fff6d8}
.capa-lua .sub{font-size:1.2rem;line-height:1.6;color:#fff;opacity:.96;margin:1.3rem auto 0;max-width:60ch;font-weight:500}
.capa-lua .desce{display:inline-block;margin-top:1.6rem;background:var(--tinta);color:#fff;text-decoration:none;border-radius:999px;padding:.7rem 1.3rem;font-weight:600}
.capa-lua .desce span{display:inline-block;margin-left:.3rem}
/* ---------- a folha ---------- */
.folha,.aula,.peca,main>section,main>article,main>div{max-width:var(--largura);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
main{padding-bottom:2rem}
main>section:not(.capa-lua){padding-top:1rem}
.capa-lua+*{padding-top:2.4rem}
.rot,.eyebrow,.conceito,.calc-tit,.lab-tit,.fonte,.fonte-dados,.chip,.quando{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cor);font-weight:600}
.conceito{display:inline-block;margin:.2rem 0 1rem;padding:.3rem .7rem;background:rgba(159,86,26,.08);border-radius:999px}
.rot.erro{color:var(--vermelho)} .rot.ok{color:var(--verde)}
h2 .n,h3 .n{display:inline-block;font-family:var(--mono);font-size:.8em;color:var(--cor);margin-right:.5rem;letter-spacing:.06em;vertical-align:baseline}
.chip{display:inline-block;background:var(--caixa);border:1px solid var(--linha);border-radius:999px;padding:.25rem .7rem;margin:.15rem .25rem .15rem 0}
.intro,.leitura,.sub{font-size:1.12rem;line-height:1.65;color:var(--tinta)}
/* ---------- as contas: cartão com o passo a passo ---------- */
.calculo,.lab,.receita,.regra-final,.pra-levar,.confere,.resposta,.conceito-caixa,.caixa,.exemplo,.nota,.aviso,.erro-caixa{background:var(--caixa);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:0 24px 48px -36px rgba(17,24,39,.35)}
.calculo{padding:1.3rem 1.5rem;margin:1.8rem 0}
.calculo .calc-tit{margin:0 0 .9rem;color:var(--cor)}
.calculo ol{margin:0;padding-left:1.4rem}
.calculo ol>li{margin:.75rem 0;padding-left:.2rem}
.calculo ol>li>b{display:block;font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:.25rem}
.calculo ol>li>div>p{margin:.3rem 0}
.dados{list-style:none;padding:0;margin:.4rem 0;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.dados li{background:var(--papel);border-radius:10px;padding:.35rem .7rem;font-size:.98rem}
/* a fórmula: desenhada pelo KaTeX, centrada, rolando de lado se for comprida */
.eq{display:block;font-family:var(--serif);font-size:1.25rem;line-height:1.9;text-align:center;margin:.6rem 0;padding:.6rem .8rem;overflow-x:auto;overflow-y:hidden;background:var(--papel);border-radius:12px;color:var(--tinta)}
.eq .katex{font-size:1.18em}
.eq .katex-display{margin:.15em 0}
.eq b{font-weight:700}
.eq .int{font-size:1.45em;line-height:1;vertical-align:-.1em;margin:0 .05em}
.eq-60{font-size:1.1rem}
.eq-n{font-family:var(--mono);font-size:.75rem;color:var(--dim);float:right;margin-top:.5rem}
[data-tex]{overflow-x:auto}
.confere{padding:1rem 1.2rem;margin:1.3rem 0;border-left:5px solid var(--verde)}
.resposta{padding:1rem 1.2rem;margin:1.3rem 0;border-left:5px solid var(--cor-claro);font-size:1.05rem}
.resposta b{color:var(--cor)}
.pra-levar{padding:1.3rem 1.5rem;margin:2.4rem 0;border-left:5px solid var(--lima);background:#f5fbe6}
.pra-levar .rot{color:var(--lima-escuro);display:block;margin-bottom:.4rem}
.pra-levar p{margin:.3rem 0;font-size:1.08rem}
.regra-final{padding:1.4rem 1.6rem;margin:2.4rem 0;background:var(--escuro);color:#fff;border:0}
.regra-final h2,.regra-final h3,.regra-final p{color:#fff}
.regra-final .rot{color:var(--lima)}
.lab{padding:1.3rem 1.5rem;margin:1.8rem 0}
.lab .lab-tit{margin:0}.lab .lab-sub{color:var(--dim);margin:.2rem 0 1rem}
/* ---------- passos da aula (erro / certo) ---------- */
.passo{display:grid;grid-template-columns:150px 1fr;gap:1rem 1.4rem;margin:1.4rem 0;padding:1.2rem 0;border-top:1px solid var(--linha)}
.passo>.rot{padding-top:.3rem}
.passo>div>p:first-child{margin-top:0}
.receita{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.2rem;margin:1.6rem 0}
.receita>div{padding:.8rem 1rem;background:var(--papel);border-radius:12px}
.receita b{display:block;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}
.receita p{margin:.2rem 0;font-size:.98rem}
.erro,.vazio,.saida{font-size:.98rem}
p.erro{color:var(--vermelho)} p.ok{color:var(--verde)}
/* ---------- figuras e tabelas ---------- */
figure{margin:1.6rem 0}
figure img{border-radius:var(--raio);display:block;box-shadow:0 30px 60px -36px rgba(17,24,39,.5)}
figcaption{font-family:var(--mono);font-size:.78rem;color:var(--dim);margin-top:.6rem;letter-spacing:.04em}
/* ---------- navegação entre aulas ---------- */
.navega{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch;margin:3.5rem auto 0;max-width:var(--largura);padding:0 24px}
.navega a{display:flex;flex-direction:column;gap:.25rem;background:var(--caixa);border:1px solid var(--linha);border-radius:var(--raio);padding:1rem 1.2rem;text-decoration:none;color:var(--tinta);font-family:var(--serif);font-size:1.15rem;line-height:1.2}
.navega a:hover{border-color:var(--cor)}
.navega a.proxima{text-align:right;align-items:flex-end}
.navega a.todas{justify-content:center;align-items:center;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cor);text-align:center}
.navega .rot{font-size:.7rem}
@media (max-width:720px){.navega{grid-template-columns:1fr}.passo{grid-template-columns:1fr}.cab-nova nav{gap:.7rem}.cab-nova nav a:not(.bt){display:none}}
/* ---------- miudezas das aulas antigas que não devem aparecer ---------- */
#neon-menu,#neon-robo,.n-botoes,.menu-flutuante,[data-neon-antigo]{display:none !important}

/* o mascote sentado em cima do N */
.cab-nova .logo .nome{position:relative;display:inline-block}
.cab-nova .logo .poleiro{position:absolute;left:-10px;bottom:1.0em;width:42px;height:34px;pointer-events:none;display:block}
.cab-nova .logo .poleiro svg{width:100%;height:auto;display:block;overflow:visible}
.cab-nova .logo .poleiro .corpo{transform-box:fill-box;transform-origin:center;animation:nm-balanca 2.6s ease-in-out infinite}
@keyframes nm-balanca{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}