/* Studio Ágil - Adriano Gelain · www.studioagil.com.br · estilo dos guias do IDXLog */
@font-face{font-family:'Archivo';font-style:normal;font-weight:600 800;font-stretch:112% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/public-sans-latin.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin.woff2) format('woff2')}
:root{
  color-scheme:dark;
  --canvas:#0A111B;--panel:#111B28;--line:#1E2C3E;--line-strong:#3A4E68;
  --accent:#1F6BFF;--accent-hover:#4A8BFF;--accent-muted:#5FA8FF;
  --text-secondary:#9AABC2;--text-primary:#EAF0F8;--text-body:#D3DCE8;
  --f-display:"Archivo",system-ui,sans-serif;--f-text:"Public Sans",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;
  --ease-out:cubic-bezier(.16,1,.3,1);--gutter:clamp(16px,5vw,72px);
}
*{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;overflow-x:clip;background:var(--canvas);color:var(--text-primary);font:400 18px/1.7 var(--f-text);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(95,168,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(95,168,255,.04) 1px,transparent 1px);background-size:240px 240px}
img,svg{display:block;max-width:100%}
a{color:var(--accent-muted)}
a:hover{color:var(--text-primary)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--accent);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none}
.skip:focus{top:16px}
.mono{font-family:var(--f-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:14px var(--gutter);background:rgba(10,17,27,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .brand{width:58px;flex:none}
.nav .voltar{margin-left:auto;color:var(--text-secondary);text-decoration:none;font-size:15px}
.nav .voltar:hover{color:var(--text-primary)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15px/1 var(--f-text);text-decoration:none;border-radius:999px;padding:13px 20px;background:var(--accent);color:#fff;transition:background .35s var(--ease-out)}
.btn:hover{background:var(--accent-hover);color:#fff}
@media (pointer:coarse){.btn{min-height:44px}}
@media (max-width:560px){.nav .voltar{display:none}.nav .btn{margin-left:auto}}
main{padding:clamp(48px,8vh,96px) var(--gutter) 40px}
.artigo{max-width:760px;margin:0 auto}
.trilha{color:var(--text-secondary);font-size:14px;margin:0 0 26px}
.trilha a{color:var(--text-secondary);text-decoration:none}
.trilha a:hover{color:var(--text-primary)}
.kicker{color:var(--accent-muted);display:block;margin-bottom:18px}
h1,h2,h3{font-family:var(--f-display);font-weight:800;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(34px,5vw,58px);font-stretch:114%;line-height:1.04}
h2{font-size:clamp(26px,3vw,36px);font-stretch:112%;line-height:1.12;margin:64px 0 18px;scroll-margin-top:90px}
h3{font-size:21px;font-stretch:108%;line-height:1.25;margin:36px 0 10px}
.autor{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:24px;color:var(--text-secondary);font-size:15px}
.artigo p,.artigo li{color:var(--text-body)}
.artigo p{margin:0 0 18px}
.artigo ul,.artigo ol{padding-left:1.2em;margin:0 0 20px}
.artigo li{margin-bottom:8px}
.artigo strong{color:var(--text-primary);font-weight:600}
.resumo{margin:40px 0 8px;padding:24px 26px;border:1px solid var(--line-strong);border-left:3px solid var(--accent);border-radius:14px;background:var(--panel)}
.resumo .mono{color:var(--accent-muted);display:block;margin-bottom:10px}
.resumo p:last-child{margin-bottom:0}
.formula{margin:24px 0;padding:22px 24px;border-radius:14px;background:#0B131F;border:1px solid var(--line);font-family:var(--f-mono);font-size:15px;line-height:1.8;color:var(--text-primary);overflow-x:auto}
.formula b{color:var(--accent-muted);font-weight:500}
.tabela{margin:24px 0;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.tabela table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}
.tabela th,.tabela td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tabela th{font:500 12px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:rgba(17,27,40,.8)}
.tabela tr:last-child td{border-bottom:0}
.tabela td{color:var(--text-body)}
.aviso{margin:26px 0;padding:18px 22px;border-radius:14px;background:rgba(31,107,255,.08);border:1px solid rgba(95,168,255,.3);font-size:16px}
.aviso p:last-child{margin-bottom:0}
.msg{margin:20px 0;max-width:460px;padding:16px 18px;border-radius:16px 16px 16px 4px;background:#12261F;border:1px solid #1F4A3A;color:#DDEFE6;font-size:16px;line-height:1.55;white-space:pre-line}
.msg .mono{display:block;color:#7BD5A8;margin-bottom:8px}
.faq{margin-top:12px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 36px 20px 0;position:relative;font:700 19px/1.35 var(--f-display);font-stretch:108%}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;color:var(--accent-muted);font:500 22px/1 var(--f-mono)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 20px}
.cta{margin:64px 0 0;padding:30px;border-radius:20px;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--panel),rgba(17,27,40,.5))}
.cta h2{margin:0 0 10px;font-size:clamp(24px,2.6vw,32px)}
.cta p{color:var(--text-secondary)}
.fontes{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}
.fontes h2{font-size:20px;margin:0 0 12px}
.fontes li{color:var(--text-secondary)}
.outros{margin-top:40px}
.outros ul{list-style:none;padding:0;display:grid;gap:10px}
.outros a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:border-color .3s var(--ease-out)}
.outros a:hover{border-color:var(--accent-muted)}
.outros a span{display:block;color:var(--text-secondary);font-size:15px;margin-top:4px}
footer{margin-top:80px;padding:36px var(--gutter);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--text-secondary);font-size:15px}
footer a{color:var(--text-secondary);text-decoration:none}
footer a:hover{color:var(--text-primary)}
footer .sa{display:inline-flex;align-items:center;gap:10px}
footer .sa img{width:48px;height:auto}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}