/* Navbar pública compartilhada pela home e pelo blog; isolada do Bootstrap. */
#nav {
  --nav-h:72px;--gutter:clamp(20px,4vw,40px);--pill:999px;--ease:cubic-bezier(.16,1,.3,1);
  --font-text:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  display:block;position:sticky;top:0;z-index:50;flex-shrink:0;width:100%;
  border-bottom:1px solid; font:400 17px/1.55 var(--font-text);
  -webkit-font-smoothing:antialiased;
}
#nav *,#nav *::before,#nav *::after{box-sizing:border-box}
#nav a{color:inherit;text-decoration:none}
#nav .nav-inner{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--gutter);height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#nav .brand{display:inline-flex;align-items:center;gap:10px;font:600 1.0625rem/1.55 var(--font-text);letter-spacing:-.01em;white-space:nowrap}
#nav .brand img{display:block;width:28px;height:28px;filter:brightness(0) saturate(100%) invert(82%) sepia(34%) saturate(550%) hue-rotate(1deg) brightness(91%) contrast(90%)}
#nav .nav-links{display:flex;gap:20px;font-size:.9375rem;font-weight:500}
#nav .nav-links a{background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat;padding-bottom:2px;transition:color .2s,background-size .35s var(--ease)}
#nav .nav-links a:hover{background-size:100% 1px}
#nav .nav-actions{display:flex;align-items:center;gap:20px}
#nav .enter{font-size:.9375rem;font-weight:500}
#nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:500 1rem/1 var(--font-text);white-space:nowrap;cursor:pointer;border:1px solid #26904C;background:#15803D;color:#fff;box-shadow:none;transition:background-color .2s}
#nav .btn:hover{background:#166534}
#nav .btn-sm{min-height:40px;padding:0 18px;font-size:.9375rem}
#nav .lang{position:relative;display:inline-flex;border:1px solid;border-radius:999px;padding:2px;isolation:isolate}
#nav .lang::before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;z-index:-1}
#nav .lang[data-current="es"]::before{transform:translateX(100%)}
#nav .lang button{appearance:none;border:0;background:transparent;cursor:pointer;font:500 .75rem/1 var(--font-text);letter-spacing:.06em;width:38px;padding:7px 0;border-radius:999px;transition:color .25s}
#nav .menu-btn{display:none;appearance:none;background:none;border:0;cursor:pointer;width:44px;height:44px;margin-right:-10px;position:relative}
#nav .menu-btn span{position:absolute;left:11px;right:11px;height:1.5px}
#nav .menu-btn span:first-child{top:16px}
#nav .menu-btn span:last-child{top:26px}
#nav .menu-btn[aria-expanded="true"] span:first-child{transform:translateY(5px) rotate(45deg)}
#nav .menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-5px) rotate(-45deg)}
#nav .menu[hidden]{display:none}
#nav .menu{position:fixed;top:80px;right:var(--gutter);left:auto;bottom:auto;z-index:40;width:min(440px,calc(100% - 2 * var(--gutter)));max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px - env(safe-area-inset-bottom,0px));padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;border:1px solid var(--nav-border);border-radius:20px;box-shadow:0 20px 60px #071e1526;overscroll-behavior:contain;scroll-padding:16px}
#nav .menu > a{display:flex;align-items:center;min-height:44px;min-width:0;font:500 .9375rem/1.4 var(--font-text);letter-spacing:0;padding:10px 4px;border-bottom:1px solid;overflow-wrap:anywhere}
#nav .menu-foot{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid var(--nav-border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-bottom:0}
#nav .menu-foot .lang{justify-self:start}
#nav .menu-foot > .btn,#nav .menu-foot > .nav-start{grid-column:1/-1}
#nav .menu-foot > a:not(.btn){display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px}
#nav .menu-foot > a{font:500 1rem/1 var(--font-text)}
#nav .menu-foot .btn{align-self:stretch}
#nav :focus-visible{outline:2px solid var(--nav-focus);outline-offset:3px;border-radius:4px}
@media(max-width:1199px){#nav .nav-links,#nav .nav-actions > .enter,#nav .nav-actions > .lang,#nav .nav-actions > .btn{display:none}#nav .menu-btn{display:block}}
@media(prefers-reduced-motion:no-preference){#nav .menu > a{opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .45s var(--ease)}#nav .menu.is-open > a{opacity:1;transform:none;transition-delay:calc(var(--i) * 50ms + 40ms)}}
body.blog-body{padding-top:0}
#nav .nav-start{position:relative}
#nav .nav-start > summary{list-style:none}
#nav .nav-start > summary::-webkit-details-marker{display:none}
#nav .nav-start-options{position:absolute;right:0;top:calc(100% + 12px);width:300px;padding:8px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:16px;box-shadow:0 14px 32px #0003}
#nav .nav-start-options a{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:10px;white-space:normal}
#nav .nav-start-options a:hover{background:var(--nav-border)}
#nav .nav-start-options strong{font-size:.9375rem;font-weight:600}
#nav .nav-start-options span{font-size:.8125rem;color:var(--nav-muted)}
#nav .menu-foot .nav-start{width:100%}
#nav .menu-foot .nav-start > summary{display:flex;width:100%;min-height:48px}
#nav .menu-foot .nav-start-options{position:static;width:100%;margin-top:10px;box-shadow:none}
@media(max-width:1199px){#nav .nav-actions > .nav-start{display:none}}
#nav{
  --nav-bg:#071E15;--nav-text:#F6F8F7;--nav-muted:#C4D2C8;--nav-border:#365440;--nav-active:#F6F8F7;--nav-active-text:#071E15;--nav-focus:#D8BE73;
  background:var(--nav-bg);color:var(--nav-text);border-bottom-color:var(--nav-border);
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
#nav[data-theme="light"]{--nav-bg:#FAFBF7;--nav-text:#163A24;--nav-muted:#4B6353;--nav-border:#DCE5D9;--nav-active:#163A24;--nav-active-text:#FAFBF7;--nav-focus:#166534}
#nav.is-scrolled{border-bottom-color:var(--nav-border)}
#nav[data-theme="light"].is-scrolled{box-shadow:0 4px 18px -14px #244B32}
#nav .nav-links,#nav .enter{color:var(--nav-muted)}
#nav .nav-links a:hover,#nav .enter:hover{color:var(--nav-text)}
#nav .brand img{transition:filter .25s ease}
#nav[data-theme="light"] .brand img{filter:brightness(0) saturate(100%) invert(24%) sepia(19%) saturate(1544%) hue-rotate(91deg) brightness(93%) contrast(94%)}
#nav .lang{border-color:var(--nav-border)}
#nav .lang::before{background:var(--nav-active);transition:transform .35s var(--ease),background-color .25s ease}
#nav .lang button{color:var(--nav-muted)}
#nav .lang button[aria-pressed="true"]{color:var(--nav-active-text)}
#nav .menu-btn span{background:var(--nav-text);transition:transform .3s var(--ease),opacity .2s,background-color .25s ease}
#nav .menu{background:var(--nav-bg);color:var(--nav-text);transition:background-color .25s ease,color .25s ease;overflow-y:auto}
#nav .menu > a{border-bottom-color:var(--nav-border)}
#nav .menu-foot .btn{background:#15803D;border-color:#26904C;color:#FFF}
#nav .menu-foot .btn:hover{background:#166534}
#nav :focus-visible,#nav .menu :focus-visible{outline-color:var(--nav-focus)}
@media(prefers-reduced-motion:reduce){#nav,#nav .brand img,#nav .menu,#nav .lang::before,#nav .lang button,#nav .menu-btn span{transition:none}}
@media(prefers-reduced-motion:reduce){#nav *,#nav *::before{transition:none!important}}