/* Site top bar (src/_includes/topbar.html), matching the novatools.org header */
.nvtb{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #ececef;padding:0 30px;font-family:'Open Sans',sans-serif;transition:box-shadow .2s;}
.nvtb.nvtb-scrolled{box-shadow:0 4px 16px rgba(0,0,0,.06);}
.nvtb-inner{display:flex;align-items:center;justify-content:space-between;height:69px;}
.nvtb-logo img{display:block;width:100px;height:auto;}
.nvtb ul{list-style:none;margin:0;padding:0;}
.nvtb a{text-decoration:none;}
.nvtb-arrow{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s;}
.nvtb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.nvtb button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
.nvtb-toggle,.nvtb-close{display:none;}
/* Dropdown buttons (Product, Solutions, ...) look like the menu links */
.nvtb .nvtb-top{font-family:'Open Sans',sans-serif;text-align:left;}
html.nvtb-locked{overflow:hidden;}

/* Desktop: hover and keyboard dropdowns */
/* The full menu needs about 1,100px in Spanish ("Plantillas y biblioteca de procesos"); below 1180px it moves into the drawer. */
@media (min-width:1180px){
  /* Frosted glass on desktop only: backdrop-filter would trap the fixed mobile drawer inside the bar */
  .nvtb{background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);}
  .nvtb-menu{display:flex;align-items:center;gap:2px;}
  .nvtb-menu > li{position:relative;display:flex;align-items:center;height:69px;}
  .nvtb-menu > li > a,.nvtb-menu > li > .nvtb-top{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#1a1a1a;transition:color .2s,background .2s;}
  .nvtb-menu > li.nvtb-current > a{color:#0c0c0c;font-weight:600;}
  .nvtb-menu > li:not(.nvtb-cta):hover > a,.nvtb-menu > li:not(.nvtb-cta):hover > .nvtb-top,.nvtb-menu > li.nvtb-sub-open > .nvtb-top{background:#f2f2f4;color:#0c0c0c;}
  .nvtb-menu > li.nvtb-has-sub:hover > .nvtb-top .nvtb-arrow,.nvtb-menu > li.nvtb-sub-open > .nvtb-top .nvtb-arrow{transform:rotate(180deg);}
  .nvtb-menu > li.nvtb-current > .nvtb-top{color:#0c0c0c;font-weight:600;}
  .nvtb-menu > li > a:focus-visible,.nvtb-menu > li > .nvtb-top:focus-visible{outline:2px solid #2563e8;outline-offset:2px;}
  .nvtb-sub{position:absolute;top:calc(100% - 8px);left:0;min-width:260px;padding:6px;background:#fff;border:1px solid #ececef;border-radius:12px;box-shadow:0 12px 32px rgba(16,16,24,.12),0 2px 6px rgba(16,16,24,.06);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;}
  /* The menu sits at the right edge, so nested menus open to the left */
  .nvtb-sub .nvtb-sub{top:-7px;left:auto;right:calc(100% + 6px);}
  .nvtb-sub .nvtb-arrow{transform:scaleX(-1);color:#8a8a93;}
  .nvtb-has-sub:hover > .nvtb-sub,.nvtb-has-sub.nvtb-sub-open > .nvtb-sub{opacity:1;visibility:visible;transform:none;}
  .nvtb-sub li{position:relative;}
  .nvtb-sub a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.4;color:#1a1a1a;transition:background .15s;}
  .nvtb-sub li:hover > a,.nvtb-sub a:focus-visible{background:#f2f2f4;color:#0c0c0c;outline:0;}
/* Login and sign-up buttons */
  .nvtb-menu > li.nvtb-cta{padding:0 0 0 10px;}
  .nvtb-menu > li.nvtb-cta-first{margin-left:14px;}
  .nvtb-menu > li.nvtb-cta > a.nvtb-btn{height:40px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;}
  .nvtb-menu > li.nvtb-cta > a.nvtb-btn-ghost{border:1px solid #d9d9de;background:#fff;color:#0c0c0c;}
  .nvtb-menu > li.nvtb-cta:hover > a.nvtb-btn-ghost,.nvtb-menu > li.nvtb-cta > a.nvtb-btn-ghost:focus-visible{border-color:#0c0c0c;background:#f6f6f7;color:#0c0c0c;}
  .nvtb-menu > li.nvtb-cta > a.nvtb-btn-solid{border:1px solid #0c0c0c;background:#0c0c0c;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12);}
  .nvtb-menu > li.nvtb-cta:hover > a.nvtb-btn-solid,.nvtb-menu > li.nvtb-cta > a.nvtb-btn-solid:focus-visible{background:#2d2d2d;border-color:#2d2d2d;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18);transform:translateY(-1px);}
  .nvtb-menu > li.nvtb-cta > a.nvtb-btn:focus-visible{outline:2px solid #2563e8;outline-offset:2px;}
}

/* Mobile: slide-in drawer */
@media (max-width:1179px){
  .nvtb{padding:0 20px;}
  .nvtb-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:-8px;border-radius:8px;}
  .nvtb-burger,.nvtb-burger::before,.nvtb-burger::after{display:block;width:20px;height:2px;background:#0c0c0c;border-radius:2px;}
  .nvtb-burger{position:relative;}
  .nvtb-burger::before,.nvtb-burger::after{content:"";position:absolute;left:0;}
  .nvtb-burger::before{top:-6px;}
  .nvtb-burger::after{top:6px;}
  .nvtb-nav{display:none;position:fixed;inset:0;z-index:1001;background:rgba(12,12,16,.35);}
  .nvtb-open .nvtb-nav{display:block;}
  .nvtb-drawer{position:absolute;top:0;right:0;bottom:0;width:min(340px,86vw);overflow-y:auto;padding:0 12px 24px;background:#fff;color:#1a1a1a;box-shadow:-12px 0 32px rgba(0,0,0,.12);animation:nvtb-in .25s ease;}
  @keyframes nvtb-in{from{transform:translateX(100%);}}
  .nvtb-close{display:block;position:relative;width:44px;height:44px;margin:12px 0 8px auto;border-radius:8px;}
  .nvtb-close::before,.nvtb-close::after{content:"";position:absolute;left:13px;top:21px;width:18px;height:2px;background:#0c0c0c;border-radius:2px;transform:rotate(45deg);}
  .nvtb-close::after{transform:rotate(-45deg);}
  .nvtb-menu li{position:relative;}
  .nvtb-menu a,.nvtb-menu .nvtb-top{display:block;width:100%;padding:12px 52px 12px 12px;border-radius:8px;font-size:15px;font-weight:500;color:#1a1a1a;}
  .nvtb-menu a:hover,.nvtb-menu .nvtb-top:hover{background:#f2f2f4;color:#0c0c0c;}
  .nvtb-menu > li.nvtb-current > .nvtb-top{font-weight:600;}
  .nvtb-menu > li.nvtb-current > a{font-weight:600;}
  /* The whole row opens its dropdown; the chevron sits at the right and turns when open */
  .nvtb-top{position:relative;}
  .nvtb-top .nvtb-arrow{position:absolute;right:16px;top:50%;margin-top:-7px;color:#55555e;}
  .nvtb-sub-open > .nvtb-top .nvtb-arrow{transform:rotate(180deg);}
  .nvtb-sub{display:none;margin:2px 0 6px 12px;padding-left:8px;border-left:1px solid #ececef;}
  .nvtb-sub-open > .nvtb-sub{display:block;}
  .nvtb-sub a{font-size:14px;color:#3a3a42;}
  /* Login and sign-up as full-width buttons at the bottom of the drawer */
  .nvtb-menu li.nvtb-cta-first{margin-top:20px;padding-top:20px;border-top:1px solid #ececef;}
  .nvtb-menu li.nvtb-cta + li.nvtb-cta{margin-top:10px;}
  .nvtb-menu a.nvtb-btn{padding:12px 20px;border-radius:8px;text-align:center;font-weight:600;}
  .nvtb-menu a.nvtb-btn-ghost{border:1px solid #d9d9de;background:#fff;color:#0c0c0c;}
  .nvtb-menu a.nvtb-btn-ghost:hover{border-color:#0c0c0c;background:#f6f6f7;}
  .nvtb-menu a.nvtb-btn-solid{border:1px solid #0c0c0c;background:#0c0c0c;color:#fff;}
  .nvtb-menu a.nvtb-btn-solid:hover{background:#2d2d2d;border-color:#2d2d2d;color:#fff;}
}

/* Some ported pages style bare elements (*, a, li, ul). Keep the bar's own look. */
.nvtb,.nvtb *{box-sizing:border-box;}
.nvtb{line-height:1.5;font-size:14px;text-align:left;}
.nvtb li{margin:0;padding:0;}
.nvtb a{font-family:'Open Sans',sans-serif;text-decoration:none;}