/* Norte: figuras, graficos e animacoes dos guias (v1, 12/11/2026) */
.nf{margin:32px 0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 22px 16px;overflow:hidden}
.nf figcaption{margin-top:12px;font-size:14px;color:var(--text-2);line-height:1.5}
.nf figcaption strong{color:var(--navy)}
.nf-art{background:var(--navy-deep);border-radius:6px;padding:14px;display:flex;justify-content:center}
.nf-art svg{width:100%;max-width:640px;height:auto;display:block}
.nf-title{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.3px;color:var(--navy);margin-bottom:14px;text-transform:uppercase}
.nbars{display:grid;gap:12px}
.nb{display:grid;grid-template-columns:minmax(120px,32%) 1fr auto;align-items:center;gap:12px;font-size:15px;color:var(--text-2)}
.nb i{display:block;height:14px;border-radius:7px;background:var(--paper);position:relative;overflow:hidden}
.nb i::after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--green);border-radius:7px;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.nb.hl i::after{background:var(--navy)}
.in .nb i::after{width:calc(var(--v)*1%)}
.nb b{font-family:var(--display);font-size:20px;color:var(--navy);min-width:64px;text-align:right}
.nsteps{list-style:none;counter-reset:ns;padding:0!important;margin:28px 0!important;display:grid;gap:0}
.nsteps li{counter-increment:ns;position:relative;padding:0 0 22px 58px!important;margin:0!important;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.nsteps li::before{content:counter(ns);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--lime);font-family:var(--display);font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center}
.nsteps li::after{content:"";position:absolute;left:18px;top:40px;bottom:2px;width:2px;background:linear-gradient(var(--lime),var(--line))}
.nsteps li:last-child::after{display:none}
.nsteps li strong{display:block;font-size:18px}
.nsteps.in li{opacity:1;transform:none}
.nsteps.in li:nth-child(2){transition-delay:.15s}.nsteps.in li:nth-child(3){transition-delay:.3s}.nsteps.in li:nth-child(4){transition-delay:.45s}.nsteps.in li:nth-child(5){transition-delay:.6s}.nsteps.in li:nth-child(6){transition-delay:.75s}
.nkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:28px 0}
.nkpi{background:var(--navy);color:#fff;border-radius:8px;padding:20px}
.nkpi b{display:block;font-family:var(--display);font-size:44px;line-height:1;color:var(--lime)}
.nkpi span{display:block;margin-top:8px;font-size:14px;color:var(--muted);line-height:1.4}
.ncompare{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:28px 0}
.ncard{background:#fff;border:1px solid var(--line);border-top:4px solid var(--line-dark);border-radius:8px;padding:18px 20px}
.ncard.ok{border-top-color:var(--green)}
.ncard h3{font-family:var(--display);font-size:22px;color:var(--navy);margin:0 0 8px}
.ncard ul{margin:0!important;padding-left:18px!important;font-size:15px}
.tldr{margin:0 0 8px;padding:18px 20px;background:var(--navy);color:#fff;border-radius:8px;font-size:17px;line-height:1.6}
.tldr strong{color:var(--lime)!important}
.tldr p{color:#fff!important;margin:0}
.nchips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.nchips span{font-size:13px;padding:5px 10px;border-radius:20px;background:var(--paper);color:var(--navy);font-weight:600}
@media (max-width:560px){.nb{grid-template-columns:1fr auto;}.nb span{grid-column:1/-1}.nkpi b{font-size:36px}}
@media (prefers-reduced-motion:reduce){.nb i::after,.nsteps li{transition:none}.nf-art *{animation:none!important}}
.prose .table-wrap{overflow-x:auto;margin:20px 0;-webkit-overflow-scrolling:touch}
/* Indice Norte: cards com ilustracao (v2) */
.norte .cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.norte .cards a{padding:0 0 20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.norte .cards a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,38,63,.16)}
.norte .cards span.nthumb{display:flex;align-items:center;justify-content:center;margin:0 0 16px;aspect-ratio:16/10;padding:12px;background:radial-gradient(circle at 50% 42%,#1B3657,#0E1F34 72%);border-bottom:3px solid var(--lime)}
.norte .cards span.nthumb svg{width:auto;height:100%;max-width:100%;overflow:visible;transition:transform .35s ease}
.norte .cards a:hover span.nthumb svg{transform:scale(1.06)}
.norte .cards strong{padding:0 20px;font-size:22px}
.norte .cards span:not(.nthumb){padding:0 20px}
.norte-banner{position:relative;height:190px;margin:6px 0 22px;border-radius:8px;overflow:hidden;background:var(--navy) center/cover no-repeat}
.norte-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,31,52,.92) 0%,rgba(14,31,52,.55) 55%,rgba(14,31,52,.15) 100%)}
.norte-banner b{position:absolute;left:24px;bottom:20px;z-index:1;font-family:var(--display);font-size:clamp(28px,4vw,40px);color:#fff;line-height:1}
.norte-banner b i{display:block;font-style:normal;font-family:var(--body);font-size:15px;color:var(--lime);margin-bottom:6px;letter-spacing:.5px}
@media (prefers-reduced-motion:reduce){.norte .cards a,.norte .cards span.nthumb svg{transition:none}.norte .cards a:hover{transform:none}}