/* Navegação por áreas e problemas (np) · 2026-10-27 · usa os tokens de Base.css */
.np-hero{background:var(--brand);color:#fff;padding-block:var(--s-5) var(--s-6)}
@media (width>=768px){.np-hero{padding-block:var(--s-6) var(--s-7)}}
.np-hero h1{color:#fff;max-width:22ch}
.np-hero .eyebrow{color:var(--accent-light)}
.np-hero .lead{color:#d5dce8;margin-top:var(--s-3)}
.np-hero .breadcrumb{margin-top:0;color:#b8c1d1}
.np-hero .breadcrumb a{color:#b8c1d1}
.np-hero .breadcrumb a:hover{color:#fff}
.np-hero .breadcrumb li:last-child span{color:#fff}
.np-hero .breadcrumb li+li:before{color:#ffffff4d}
.np-hero .btn-agenda{margin-top:var(--s-4);background:var(--mint);color:var(--brand-deep)}
.np-hero .btn-agenda:hover{background:var(--mint-hover);color:var(--brand-deep)}

.np-sec{margin-top:var(--s-6)}
.np-sec>h2{margin-bottom:var(--s-3)}
.np-sec .muted{max-width:var(--measure)}

/* cartões de situação */
.np-cards{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}
@media (width>=640px){.np-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width>=1024px){.np-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.np-card{border:1px solid var(--rule);border-radius:var(--radius);background:#fff;color:var(--ink);min-height:112px;padding:var(--s-3);gap:var(--s-1);text-decoration:none;flex-direction:column;justify-content:space-between;height:100%;display:flex;transition:border-color .15s,background .15s}
.np-card:hover{border-color:var(--accent);background:var(--bg-soft)}
.np-card .p{font-family:var(--serif);color:var(--brand);font-size:1.15rem;line-height:1.3}
.np-card .n{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);justify-content:space-between;align-items:center;gap:var(--s-1);font-size:.78rem;font-weight:700;display:flex}
.np-card .n:after{content:"→";font-size:1.1rem}

/* antes de decidir */
.np-antes{gap:var(--s-3);display:grid}
@media (width>=900px){.np-antes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.np-antes div{border-top:2px solid var(--accent);padding-top:var(--s-2)}
.np-antes h3{font-family:var(--sans);color:var(--ink);margin-bottom:var(--s-1);font-size:1rem;font-weight:700}
.np-antes p{color:var(--ink-2);margin:0;font-size:.95rem}

/* ponte entre áreas */
.np-ponte{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:var(--radius);padding:var(--s-3) var(--s-4);max-width:var(--measure)}
.np-ponte h2,.np-ponte h3{margin-bottom:var(--s-1);font-size:1.3rem}
.np-ponte p{margin-bottom:var(--s-2)}
.np-ponte .list-edit li{border-color:#0a6b8033}
.np-ponte .list-edit a{padding:12px 0}

/* bloco empresa */
.np-empresa{border:1px solid var(--rule);border-radius:var(--radius);padding:var(--s-3) var(--s-4);max-width:var(--measure)}
.np-empresa h2{font-size:1.3rem;margin-bottom:var(--s-1)}

/* página especializada */
.np-kicker{font-family:var(--serif);color:var(--ink-2);margin:0 0 var(--s-1);font-size:1.1rem;font-style:italic}
.np-fontes{padding-left:1.2em;font-size:.95rem}
.np-fontes li+li{margin-top:.5em}
.np-meta{color:var(--ink-2);font-size:.9rem}
.np-prof{gap:var(--s-3);display:grid}
@media (width>=640px){.np-prof{grid-template-columns:repeat(2,minmax(0,1fr))}}
.np-prof a{color:var(--ink);padding-top:var(--s-2);gap:6px;text-decoration:none;display:grid}
.np-prof a:before{content:"";background:var(--accent);width:40px;height:2px;display:block}
.np-prof .nome{font-family:var(--serif);color:var(--brand);font-size:1.2rem}
.np-prof .cargo{color:var(--ink-2);font-size:.9rem}
.np-prof a:hover .nome{color:var(--accent)}
.np-tabela{overflow-x:auto}
.np-tabela table{margin-bottom:var(--s-2)}
.contact-box .np-cta-sub{color:#d5dce8;font-size:.95rem}

/* destaque na home */
.np-home{border-top:1px solid var(--rule);padding-block:72px}
@media (width>=768px){.np-home{padding-block:112px}}
.np-home .topo{max-width:var(--measure);margin-bottom:var(--s-5)}
.np-home .texto{color:var(--ink-2);font-size:1.05em}
.np-portas{gap:var(--s-3);display:grid}
@media (width>=900px){.np-portas{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}}
.np-porta{border:1px solid var(--rule);border-radius:8px;padding:var(--s-4) var(--s-3) var(--s-3);flex-direction:column;display:flex}
@media (width>=768px){.np-porta{padding:var(--s-4)}}
.np-porta h3{margin-bottom:var(--s-1)}
.np-porta h3 a{color:var(--brand);text-decoration:none}
.np-porta h3 a:hover{color:var(--accent)}
.np-porta>p{color:var(--ink-2);margin-bottom:var(--s-3)}
.np-porta .list-edit{margin-bottom:var(--s-3)}
.np-porta .list-edit a{min-height:56px;padding:12px 0}
.np-porta .list-edit .sub{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.75rem;font-weight:700}
.np-porta .cta{margin-top:auto;align-self:flex-start}