/* Barra de navegação partilhada (gerada por /assets/js/nav.js). Usa os tokens da página, por isso funciona no tema claro e no escuro. */
.mc-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mc-nav.escondida{transform:translateY(-100%)}
.mc-nav-in{max-width:1200px;margin:0 auto;padding:10px max(16px,4vw);display:flex;align-items:center;gap:18px}
.mc-marca{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.95rem;color:var(--fg);text-decoration:none;flex:none}
.mc-marca img{width:40px;height:auto}
.mc-links{display:flex;align-items:center;gap:4px;margin:0 auto}
.mc-links>a,.mc-drop>button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;font:inherit;font-size:.9rem;font-weight:700;color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer;transition:color .2s,background .2s}
.mc-links>a:hover,.mc-drop>button:hover,.mc-drop.aberto>button{color:var(--fg);background:color-mix(in srgb,var(--fg) 6%,transparent)}
.mc-links>a[aria-current="page"],.mc-drop.atual>button{color:var(--fg)}
.mc-links>a[aria-current="page"]::after,.mc-drop.atual>button::after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--acc)}
.mc-drop{position:relative}
.mc-drop>button svg{width:14px;height:14px;transition:transform .25s}
.mc-drop.aberto>button svg{transform:rotate(180deg)}
.mc-menu{position:absolute;left:50%;top:calc(100% + 10px);width:360px;transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;padding:8px;border-radius:18px;background:var(--bg);border:1px solid var(--line);box-shadow:0 30px 60px -24px rgba(0,0,0,.55);display:grid;gap:2px}
.mc-drop.aberto .mc-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mc-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;color:var(--fg);text-decoration:none;transition:background .2s}
.mc-item:hover,.mc-item[aria-current="page"]{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.mc-item .ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc-txt,var(--acc))}
.mc-item .ic svg{width:19px;height:19px}
.mc-item b{display:block;font-size:.92rem}
.mc-item small{display:block;font-size:.76rem;color:var(--muted);line-height:1.35}
.mc-item em{font-style:normal;margin-left:auto;flex:none;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc-txt,var(--acc))}
.mc-cta{flex:none;display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;font-size:.86rem;font-weight:800;text-decoration:none;background:var(--acc);color:var(--on-acc,#111);transition:transform .2s,box-shadow .2s}
.mc-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px color-mix(in srgb,var(--acc) 80%,transparent)}
.mc-burger{display:none;flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:none;color:var(--fg);cursor:pointer;place-items:center}
.mc-burger span,.mc-burger span::before,.mc-burger span::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative;transition:transform .3s,background .3s}
.mc-burger span::before,.mc-burger span::after{content:"";position:absolute;left:0}
.mc-burger span::before{top:-6px}.mc-burger span::after{top:6px}
.mc-nav.menu-aberto .mc-burger span{background:transparent}
.mc-nav.menu-aberto .mc-burger span::before{transform:translateY(6px) rotate(45deg)}
.mc-nav.menu-aberto .mc-burger span::after{transform:translateY(-6px) rotate(-45deg)}
/* painel do telemóvel */
.mc-painel{display:none;max-width:1200px;margin:0 auto;padding:4px max(16px,4vw) 18px;max-height:calc(100dvh - 64px);overflow:auto}
.mc-nav.menu-aberto .mc-painel{display:grid;gap:6px;animation:mcDesce .3s cubic-bezier(.2,.8,.2,1)}
@keyframes mcDesce{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mc-painel>a.zona{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--line);font-size:1.05rem;font-weight:800;color:var(--fg);text-decoration:none}
.mc-painel>a.zona::after{content:"→";color:var(--acc-txt,var(--acc))}
.mc-painel>a.zona[aria-current="page"]{color:var(--acc-txt,var(--acc))}
.mc-painel .rot{margin-top:10px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mc-painel .mc-item{background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px solid var(--line)}
.mc-painel .mc-cta{justify-content:center;margin-top:12px;padding:15px}
@media(max-width:900px){.mc-links,.mc-nav-in>.mc-cta{display:none}.mc-burger{display:grid;margin-left:auto}}
@media(min-width:901px){.mc-nav.menu-aberto .mc-painel{display:none}}
@media (prefers-reduced-motion:reduce){.mc-nav,.mc-menu,.mc-cta{transition:none}.mc-nav.menu-aberto .mc-painel{animation:none}}
@media print{.mc-nav{display:none}}
/* em "Ferramentas" o ponto fica centrado no texto (sem contar a seta de 14 px + 6 px de espaço) */
.mc-drop.atual>button::after{margin-left:-12.5px}