:root{
--nbl-granito:#57514B;
--nbl-basalto:#1D1B1A;
--nbl-ceu:#4A8BE0;
--nbl-ceu-forte:#2F6DC4;
--nbl-ceu-claro:#E7EEF9;
--nbl-nevoa:#F2F1EE;
--nbl-tinta:#2C2A28;
--nbl-tinta-suave:#67615B;
--nbl-fio:#DCD8D2;
--nbl-pe-texto:#CFC9C2;
--nbl-letra-titulo:"Alumni Sans","Arial Narrow",sans-serif;
--nbl-letra-texto:"Arsenal","Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#fff;color:var(--nbl-tinta);font-family:var(--nbl-letra-texto);font-size:1.07rem;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--nbl-ceu-forte);text-underline-offset:3px}
a:hover{color:var(--nbl-basalto)}
h1,h2,h3{font-family:var(--nbl-letra-titulo);color:var(--nbl-basalto);font-weight:800;letter-spacing:-.005em}
.nbl-moldura{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.nbl-tarja{background:var(--nbl-basalto);color:#D9D4CE;font-size:.84rem;line-height:1.5;border-bottom:1px dashed rgba(74,139,224,.65)}
.nbl-tarja-dentro{display:flex;align-items:center;gap:14px;padding-top:9px;padding-bottom:9px}
.nbl-tarja p{margin:0}
.nbl-tarja-sinal{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:15px;height:26px;border-radius:999px;background:var(--nbl-ceu);color:var(--nbl-basalto);font-weight:700;font-size:.9rem;line-height:1}
.nbl-cabeca{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--nbl-fio)}
.nbl-cabeca-dentro{position:relative;display:flex;align-items:center;justify-content:space-between;height:65px}
.nbl-marca{display:inline-flex;align-items:baseline;gap:.4rem;text-decoration:none;white-space:nowrap}
.nbl-marca-a{font-family:var(--nbl-letra-texto);font-style:italic;font-size:.95rem;color:var(--nbl-tinta-suave)}
.nbl-marca-b{font-family:var(--nbl-letra-titulo);font-weight:900;font-size:1.95rem;text-transform:uppercase;letter-spacing:.02em;color:var(--nbl-basalto);line-height:1}
.nbl-marca-c{font-family:var(--nbl-letra-titulo);font-weight:700;font-size:1.18rem;color:var(--nbl-ceu-forte);border-bottom:2px solid var(--nbl-ceu);line-height:1.1}
.nbl-marca:hover .nbl-marca-b{color:var(--nbl-granito)}
.nbl-trilho{display:flex;gap:4px}
.nbl-trilho a{position:relative;padding:8px 10px;font-family:var(--nbl-letra-titulo);font-weight:700;font-size:1.13rem;text-transform:uppercase;letter-spacing:.06em;color:var(--nbl-granito);text-decoration:none}
.nbl-trilho a::after{content:"";position:absolute;left:50%;bottom:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--nbl-ceu);transform:scale(0);transition:transform .18s}
.nbl-trilho a:hover{color:var(--nbl-basalto)}
.nbl-trilho a:hover::after,.nbl-trilho a:focus-visible::after{transform:scale(1)}
.nbl-alterna{position:absolute;opacity:0;pointer-events:none}
.nbl-gaveta{display:none;width:44px;height:44px;cursor:pointer;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;padding:0 6px}
.nbl-gaveta span{display:block;height:3px;border-radius:2px;background:var(--nbl-basalto);transition:transform .2s,width .2s}
.nbl-gaveta span:nth-child(1){width:12px}
.nbl-gaveta span:nth-child(2){width:20px}
.nbl-gaveta span:nth-child(3){width:28px}
.nbl-alterna:checked+.nbl-gaveta span{width:28px}
.nbl-alterna:checked+.nbl-gaveta span:nth-child(1){transform:translateY(9px)}
.nbl-alterna:checked+.nbl-gaveta span:nth-child(3){transform:translateY(-9px)}
.nbl-alterna:focus-visible+.nbl-gaveta{outline:2px solid var(--nbl-ceu);outline-offset:2px}
.nbl-abre{padding:58px 0 0}
.nbl-abre-grade{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:end}
.nbl-aba{display:inline-block;margin:0;padding:6px 16px 5px;background:var(--nbl-ceu-claro);color:var(--nbl-ceu-forte);border-radius:10px 10px 0 0;border-bottom:2px solid var(--nbl-ceu);font-family:var(--nbl-letra-titulo);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.12em}
.nbl-abre h1{margin:.55rem 0 0;font-size:clamp(2.4rem,4.6vw,3.9rem);line-height:1;letter-spacing:-.01em}
.nbl-entrada{margin:0 0 14px;font-size:1.14rem}
.nbl-recado{margin:0 0 22px;padding-left:12px;border-left:3px solid var(--nbl-ceu);font-size:.98rem;color:var(--nbl-tinta-suave)}
.nbl-botao{display:inline-block;padding:11px 22px;border-radius:5px;background:var(--nbl-granito);color:#fff;font-family:var(--nbl-letra-titulo);font-weight:700;font-size:1.22rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
.nbl-botao:hover{background:var(--nbl-basalto);color:#fff}
.nbl-vista{width:100%;aspect-ratio:1800/750;object-fit:cover;margin-top:42px;border-radius:12px 12px 0 0}
.nbl-marcos{position:relative;margin-top:-74px;padding:0 28px}
.nbl-marcos-titulo{display:inline-block;margin:0;padding:6px 16px;background:var(--nbl-basalto);color:#fff;border-radius:6px 6px 0 0;font-size:1.35rem;font-weight:700;letter-spacing:.02em}
.nbl-marcos dl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0}
.nbl-marco{background:#fff;border:1px solid var(--nbl-fio);border-top:4px solid var(--nbl-ceu);border-radius:42px 42px 6px 6px;padding:24px 18px 18px;text-align:center}
.nbl-marco dt{font-family:var(--nbl-letra-titulo);font-weight:800;font-size:1.32rem;color:var(--nbl-basalto);line-height:1.1}
.nbl-marco dd{margin:.45rem 0 0;font-size:.95rem;line-height:1.55}
.nbl-faixa{padding:78px 0}
.nbl-faixa-clara{background:var(--nbl-nevoa)}
.nbl-faixa h2{margin:0 0 .4em;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.04}
.nbl-chamada{max-width:44em;margin:0}
.nbl-degraus{list-style:none;margin:36px 0 0;padding:0}
.nbl-degrau{display:grid;grid-template-columns:86px 1fr;gap:22px;max-width:76%;margin-bottom:14px;padding:22px 26px;background:#fff;border:1px solid var(--nbl-fio);border-radius:4px 12px 12px 4px}
.nbl-degrau:nth-child(2){margin-left:6%}
.nbl-degrau:nth-child(3){margin-left:12%}
.nbl-degrau:nth-child(4){margin-left:18%}
.nbl-degrau:nth-child(5){margin-left:24%}
.nbl-degrau-n{font-family:var(--nbl-letra-titulo);font-weight:900;font-size:2.9rem;line-height:1;color:var(--nbl-ceu);border-right:2px solid var(--nbl-ceu-claro);padding-right:14px}
.nbl-degrau h3{margin:0 0 .25rem;font-size:1.55rem;line-height:1.1}
.nbl-degrau p{margin:0}
.nbl-etiquetas{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nbl-etiqueta{position:relative;display:flex;align-items:flex-start;gap:12px;height:100%;padding:22px 20px 20px 38px;background:#fff;border:1.5px solid var(--nbl-fio);border-radius:6px 20px 20px 6px;cursor:pointer;transition:background .2s,border-color .2s}
.nbl-etiqueta::before{content:"";position:absolute;left:13px;top:50%;width:11px;height:11px;margin-top:-6px;border-radius:50%;border:2px solid var(--nbl-fio);background:var(--nbl-nevoa)}
.nbl-etiqueta input{appearance:none;-webkit-appearance:none;flex-shrink:0;display:grid;place-content:center;width:22px;height:22px;margin:3px 0 0;border:2px solid var(--nbl-granito);border-radius:4px;background:#fff;cursor:pointer}
.nbl-etiqueta input::after{content:"";width:10px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.nbl-etiqueta input:checked{background:var(--nbl-ceu);border-color:var(--nbl-ceu)}
.nbl-etiqueta input:checked::after{opacity:1}
.nbl-etiqueta input:focus-visible{outline:2px solid var(--nbl-ceu-forte);outline-offset:2px}
.nbl-etiqueta:has(input:checked){background:var(--nbl-ceu-claro);border-color:var(--nbl-ceu)}
.nbl-etiqueta:has(input:checked)::after{content:"ok";position:absolute;right:14px;top:-11px;padding:0 7px;background:#fff;border:2px solid var(--nbl-ceu-forte);border-radius:4px;color:var(--nbl-ceu-forte);font-family:var(--nbl-letra-titulo);font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-9deg)}
.nbl-etiqueta span{line-height:1.5}
.nbl-adendo{max-width:46em;margin:28px 0 0;color:var(--nbl-tinta-suave);font-size:1rem}
.nbl-perguntas{max-width:880px;margin-top:26px;border-top:1px solid var(--nbl-fio)}
.nbl-perguntas details{border-bottom:1px solid var(--nbl-fio)}
.nbl-perguntas summary{position:relative;list-style:none;cursor:pointer;padding:18px 58px 18px 0;font-family:var(--nbl-letra-titulo);font-weight:700;font-size:1.45rem;line-height:1.2;color:var(--nbl-basalto)}
.nbl-perguntas summary::-webkit-details-marker{display:none}
.nbl-perguntas summary::before{content:"";position:absolute;right:10px;top:50%;width:24px;height:24px;margin-top:-12px;border:2px solid var(--nbl-ceu);transform:rotate(45deg);transition:background .2s}
.nbl-perguntas summary::after{content:"+";position:absolute;right:10px;top:50%;width:24px;height:24px;margin-top:-12px;display:grid;place-items:center;font-family:var(--nbl-letra-texto);font-weight:700;font-size:1.05rem;color:var(--nbl-ceu-forte)}
.nbl-perguntas details[open] summary::before{background:var(--nbl-ceu)}
.nbl-perguntas details[open] summary::after{content:"\2212";color:#fff}
.nbl-perguntas summary:focus-visible{outline:2px solid var(--nbl-ceu-forte);outline-offset:3px}
.nbl-perguntas details p{margin:0;padding:0 0 20px;max-width:70ch}
.nbl-sobre-grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.nbl-arco{position:sticky;top:96px;margin:0}
.nbl-arco img{width:100%;aspect-ratio:1140/840;object-fit:cover;border-radius:50% 50% 10px 10px/34% 34% 10px 10px;outline:1px solid var(--nbl-fio);outline-offset:9px}
.nbl-relato h2{margin-top:0}
.nbl-relato p{margin:0 0 1.05em}
.nbl-vitrine{display:grid;grid-template-columns:1fr 1.55fr;grid-template-rows:auto auto;gap:22px;margin-top:30px}
.nbl-cartao-mor{grid-column:2;grid-row:1/span 2;display:grid;border-radius:12px;overflow:hidden;min-height:440px}
.nbl-cartao-mor img{grid-area:1/1;width:100%;height:100%;object-fit:cover}
.nbl-cartao-mor-texto{grid-area:1/1;align-self:end;margin:18px;padding:22px 24px;background:var(--nbl-basalto);border-left:4px solid var(--nbl-ceu);border-radius:8px;color:#E3DED8}
.nbl-cartao-mor h3{margin:0 0 .35rem;font-size:1.75rem;line-height:1.08}
.nbl-cartao-mor h3 a{color:#fff;text-decoration:none}
.nbl-cartao-mor h3 a:hover{text-decoration:underline}
.nbl-cartao-mor p{margin:0 0 .7rem;font-size:1rem}
.nbl-cartao-mor .nbl-continuar{color:var(--nbl-ceu)}
.nbl-cartao{background:#fff;border:1px solid var(--nbl-fio);border-radius:10px;overflow:hidden}
.nbl-cartao img{width:100%;aspect-ratio:16/7;object-fit:cover}
.nbl-cartao-texto{padding:16px 20px 18px}
.nbl-cartao h3{margin:0 0 .4rem;font-size:1.38rem;line-height:1.12}
.nbl-cartao h3 a{color:var(--nbl-basalto);text-decoration:none}
.nbl-cartao h3 a:hover{color:var(--nbl-ceu-forte)}
.nbl-continuar{font-family:var(--nbl-letra-titulo);font-weight:700;font-size:1.12rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
.nbl-continuar:hover{text-decoration:underline}
.nbl-leituras-nota{margin:26px 0 0;max-width:46em}
.nbl-contato-grade{display:grid;grid-template-columns:2.3fr 1fr;gap:24px;margin-top:28px;align-items:stretch}
.nbl-quadros{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nbl-quadro{position:relative;background:#fff;border:1px solid var(--nbl-fio);border-radius:8px;padding:24px 22px 20px}
.nbl-quadro::before{content:"";position:absolute;left:22px;top:0;width:26px;height:4px;background:var(--nbl-ceu)}
.nbl-quadro h3{margin:0 0 .3rem;font-size:1.4rem}
.nbl-quadro p{margin:0;overflow-wrap:anywhere}
.nbl-quadro a[href^="mailto"]{font-size:.95rem}
.nbl-aviso-sem{margin:0;padding:26px 24px;background:var(--nbl-basalto);color:#E8E4DF;border-left:5px solid var(--nbl-ceu);border-radius:10px;font-size:1rem}
.nbl-aviso-sem strong{display:block;margin-bottom:.4rem;font-family:var(--nbl-letra-titulo);font-size:1.4rem;color:#fff;letter-spacing:.02em}
.nbl-pe{background:var(--nbl-basalto);color:var(--nbl-pe-texto);padding:58px 0 0;font-size:.98rem}
.nbl-pe-grade{display:grid;grid-template-columns:1.1fr 1.3fr 1fr 1.2fr;gap:32px}
.nbl-pe h2{margin:0 0 .7rem;padding-bottom:8px;border-bottom:1px solid #3A3633;color:#fff;font-size:1.28rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.nbl-pe ul{list-style:none;margin:0;padding:0}
.nbl-pe li{margin:.45em 0;overflow-wrap:anywhere}
.nbl-pe a{color:#ECE8E3;text-decoration:none}
.nbl-pe a:hover{color:var(--nbl-ceu);text-decoration:underline}
.nbl-pe-final{margin-top:44px;padding:18px 0;border-top:1px solid #34302D;font-size:.86rem}
.nbl-pe-final .nbl-moldura{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px}
.nbl-pe-final p{margin:0}
.nbl-biscoito-ok{position:absolute;opacity:0;pointer-events:none}
.nbl-biscoito{position:fixed;left:0;bottom:0;z-index:60;display:flex;align-items:center;gap:16px;width:min(640px,100%);padding:15px 20px;background:#fff;border-top:1px solid var(--nbl-fio);border-right:1px solid var(--nbl-fio);border-radius:0 14px 0 0;box-shadow:0 -8px 24px -14px rgba(29,27,26,.45);font-size:.9rem;line-height:1.5}
.nbl-biscoito p{margin:0}
.nbl-biscoito label{flex-shrink:0;padding:8px 16px;border-radius:999px;background:var(--nbl-ceu-forte);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}
.nbl-biscoito label:hover{background:var(--nbl-basalto)}
.nbl-biscoito-ok:checked+.nbl-biscoito{display:none}
.nbl-trilha{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.9rem;color:var(--nbl-tinta-suave)}
.nbl-trilha a{color:var(--nbl-granito)}
.nbl-trilha span[aria-hidden]{color:var(--nbl-ceu)}
.nbl-texto{max-width:44em;margin:0 auto;padding:40px 20px 76px}
.nbl-texto h1{margin:.5rem 0 .6rem;font-size:clamp(2.2rem,4vw,3.15rem);line-height:1.03}
.nbl-assina{margin:0;font-size:.93rem;color:var(--nbl-tinta-suave)}
.nbl-assina strong{color:var(--nbl-tinta)}
.nbl-capa{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:10px;margin:22px 0 30px}
.nbl-texto h2{margin:2em 0 .45em;font-size:1.95rem;line-height:1.08}
.nbl-texto p{margin:0 0 1.05em}
.nbl-texto ul,.nbl-documento ul{list-style:none;margin:0 0 1.2em;padding:0}
.nbl-texto li,.nbl-documento li{position:relative;padding-left:24px;margin:.5em 0}
.nbl-texto li::before,.nbl-documento li::before{content:"";position:absolute;left:3px;top:.62em;width:11px;height:6px;border-radius:11px 11px 0 0;background:var(--nbl-ceu)}
.nbl-autor{display:flex;align-items:center;gap:16px;margin:46px 0 22px;padding:20px 0;border-top:1px solid var(--nbl-fio);border-bottom:1px solid var(--nbl-fio)}
.nbl-autor-disco{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--nbl-granito);border:3px solid var(--nbl-ceu-claro)}
.nbl-autor p{margin:0;font-size:.97rem}
.nbl-autor .nbl-autor-nome{font-family:var(--nbl-letra-titulo);font-weight:800;font-size:1.3rem;color:var(--nbl-basalto)}
.nbl-voltar{font-family:var(--nbl-letra-titulo);font-weight:700;font-size:1.15rem;letter-spacing:.04em;text-decoration:none}
.nbl-voltar:hover{text-decoration:underline}
.nbl-mural-topo{max-width:1160px;margin:0 auto;padding:40px 20px 0}
.nbl-mural-topo h1{margin:.5rem 0 .5rem;font-size:clamp(2.3rem,4.2vw,3.3rem);line-height:1.02}
.nbl-mural-topo>p{max-width:46em;margin:0}
.nbl-mural{display:grid;grid-template-columns:1fr 1fr;gap:30px 28px;max-width:1160px;margin:0 auto;padding:36px 20px 20px}
.nbl-mural article img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:10px}
.nbl-mural h3{margin:.8rem 0 .2rem;font-size:1.55rem;line-height:1.1}
.nbl-mural h3 a{color:var(--nbl-basalto);text-decoration:none}
.nbl-mural h3 a:hover{color:var(--nbl-ceu-forte)}
.nbl-mural article p{margin:0 0 .5rem}
.nbl-mural .nbl-assina{margin-bottom:.4rem}
.nbl-mural-fim{max-width:1160px;margin:0 auto;padding:10px 20px 76px}
.nbl-mural-fim p{max-width:46em;margin:0;padding-top:20px;border-top:1px solid var(--nbl-fio)}
.nbl-documento{max-width:48em;margin:0 auto;padding:40px 20px 76px}
.nbl-documento h1{margin:.5rem 0 .6rem;font-size:clamp(2.1rem,3.8vw,3rem);line-height:1.04}
.nbl-documento h2{margin:1.9em 0 .45em;font-size:1.75rem;line-height:1.1}
.nbl-documento p{margin:0 0 1em}
.nbl-data{display:inline-block;padding:4px 12px;background:var(--nbl-nevoa);border-radius:4px;font-size:.92rem;color:var(--nbl-tinta-suave)}
.nbl-fecho{margin-top:2.2em;padding-top:16px;border-top:1px solid var(--nbl-fio);font-size:.95rem;color:var(--nbl-tinta-suave)}
@media (max-width:900px){
.nbl-abre-grade,.nbl-sobre-grade,.nbl-contato-grade{grid-template-columns:1fr;gap:28px}
.nbl-marcos{margin-top:-34px;padding:0 14px}
.nbl-marcos dl{grid-template-columns:1fr 1fr}
.nbl-degrau{max-width:100%}
.nbl-degrau:nth-child(n){margin-left:0}
.nbl-etiquetas{grid-template-columns:1fr 1fr}
.nbl-arco{position:static}
.nbl-vitrine{grid-template-columns:1fr}
.nbl-cartao-mor{grid-column:auto;grid-row:auto;min-height:380px}
.nbl-pe-grade{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
.nbl-gaveta{display:flex}
.nbl-trilho{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;gap:0;padding:8px 20px 14px;background:#fff;border-bottom:1px solid var(--nbl-fio)}
.nbl-alterna:checked~.nbl-trilho{display:flex}
.nbl-trilho a{padding:10px 0;border-bottom:1px solid var(--nbl-nevoa)}
.nbl-trilho a::after{left:auto;right:4px;bottom:50%;margin:0 0 -3px}
.nbl-marca-b{font-size:1.6rem}
.nbl-marca-a{font-size:.85rem}
.nbl-marca-c{font-size:1.02rem}
.nbl-faixa{padding:58px 0}
.nbl-mural{grid-template-columns:1fr}
.nbl-biscoito{border-radius:0;border-right:0}
}
@media (max-width:560px){
.nbl-marcos dl,.nbl-etiquetas,.nbl-quadros,.nbl-pe-grade{grid-template-columns:1fr}
.nbl-degrau{grid-template-columns:58px 1fr;gap:14px;padding:18px}
.nbl-degrau-n{font-size:2.2rem;padding-right:10px}
.nbl-tarja-dentro{align-items:flex-start}
.nbl-marca{gap:.3rem}
.nbl-marca-a{font-size:.8rem}
.nbl-marca-b{font-size:1.5rem}
.nbl-biscoito{flex-direction:column;align-items:flex-start;gap:10px}
}
