/* Bara de sus a site-ului WINLEX: aceeași pe prima pagină, Aplicații și Articole. Culorile și razele vin din winlex-tokens.css */
/* meniu: capsulă plutitoare, fixă sus, cu sticlă mată și aură verde fină */
.gnav{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translateX(-50%);width:min(1080px,calc(100% - 32px));z-index:50;height:50px;border-radius:var(--r-2xl);background:rgba(22,22,23,var(--nav-a,.38));backdrop-filter:saturate(180%) blur(var(--nav-b,12px));-webkit-backdrop-filter:saturate(180%) blur(var(--nav-b,12px));border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(60,207,42,.07),0 10px 34px rgba(0,0,0,.45),0 0 28px rgba(60,207,42,.08);transition:background .4s var(--ease),box-shadow .4s var(--ease)}
.gnav .wrap{max-width:none;padding:0 12px 0 18px}
body{padding-top:0}
.progress{position:absolute;left:16px;right:16px;bottom:-1px;border-radius:2px;height:2px;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,rgba(60,207,42,0) 0%,rgba(60,207,42,.55) 40%,#3ccf2a 100%);box-shadow:0 0 8px rgba(60,207,42,.55),0 0 18px rgba(60,207,42,.25);opacity:0;transition:opacity .4s var(--ease)}
.gnav.scrolled .progress{opacity:1}
.gnav.scrolled{background:rgba(22,22,23,var(--nav-a2,.46));box-shadow:0 0 0 1px rgba(60,207,42,.1),0 12px 38px rgba(0,0,0,.5),0 0 30px rgba(60,207,42,.12)}
.gnav .wrap{display:flex;align-items:center;justify-content:space-between;height:100%}
.brand{display:flex;align-items:center;gap:8px;color:#f5f5f7!important;font-weight:600;font-size:17px;letter-spacing:.04em}
.brand:hover{text-decoration:none}
.brand img{height:24px;width:auto}
.brand img+span{display:none}
.gnav ul{display:flex;align-items:center;gap:6px;list-style:none}
.gnav ul a{display:inline-flex;align-items:center;gap:6px;color:#e8e8ed;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;opacity:.8;padding:5px 11px;border:1px solid transparent;border-radius:var(--r-sm);transition:opacity .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.gnav ul a:hover{opacity:1;text-decoration:none;border-color:rgba(255,255,255,.16)}
.gnav ul a.on{opacity:1;color:#fff;border-color:var(--ok)}
.gnav .nav-cta.on{border-color:var(--ok);box-shadow:0 0 0 2px #161617,0 0 0 3px var(--ok)}
.gnav .sub-c{width:9px;height:6px;transition:transform .3s var(--ease)}
.has-sub{position:relative}
.has-sub .nav-sub{position:absolute;left:50%;top:calc(100% + 12px);transform:translate(-50%,-6px);display:flex;gap:40px;padding:22px 26px;background:#1d1d1f;border:1px solid #38383a;border-radius:var(--r-xl);box-shadow:0 22px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s;z-index:60}
.has-sub::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.has-sub:hover .nav-sub,.has-sub:focus-within .nav-sub{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.has-sub:hover .sub-c,.has-sub:focus-within .sub-c{transform:rotate(180deg)}
.sub-col{display:flex;flex-direction:column;gap:2px;min-width:200px}
.sub-h{font-size:10.5px;font-weight:600;letter-spacing:.1em;color:#86868b;padding:0 10px 8px}
.sub-h2{padding-top:14px}
.gnav .nav-sub a{display:block;text-transform:none;letter-spacing:0;font-size:14px;font-weight:400;color:#f5f5f7;opacity:1;padding:7px 10px;border:0;border-radius:var(--r-sm)}
.gnav .nav-sub a:hover{background:#2c2c2e;border:0}
.gnav .nav-cta{background:var(--btn-bg);color:#fff!important;font-weight:600;transition:background .3s var(--ease);opacity:1;padding:4px 8px;border-radius:7px}
.nav-toggle{display:none;background:none;border:0;color:#f5f5f7;width:40px;height:40px;cursor:pointer}
.nav-toggle path{transition:transform .35s var(--ease);transform-origin:center}
.gnav.open .nav-toggle .t{transform:translateY(5px) rotate(45deg)}
.gnav.open .nav-toggle .b{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:833px){
  .nav-toggle{display:block}
  .gnav ul{position:absolute;top:calc(100% + 8px);left:0;right:0;height:auto;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);flex-direction:column;gap:0;background:#161617;border:1px solid #2c2c2e;border-radius:var(--r-2xl);box-shadow:0 24px 60px rgba(0,0,0,.6);overflow-y:auto;padding:18px 28px 22px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s .35s}
  .gnav.open ul{visibility:visible;opacity:1;transform:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}
  .gnav ul{align-items:stretch}
  .gnav ul a{display:flex;font-size:24px;font-weight:600;letter-spacing:.04em;padding:8px 0;opacity:1;border:0;border-radius:0}
  .gnav ul a.on{color:var(--ok)}
  .gnav .sub-c{display:none}
  .has-sub .nav-sub{position:static;transform:none;opacity:1;visibility:visible;display:flex;flex-direction:column;gap:6px;background:none;border:0;box-shadow:none;padding:0 0 10px 2px}
  .has-sub::after{display:none}
  .sub-h{display:none}
  .gnav .nav-sub a{font-size:16px;color:#a1a1a6;padding:4px 0}
  .gnav .nav-sub a:hover{background:none;color:#fff}
  .gnav .nav-cta{background:none;padding:8px 0;color:var(--link-dark)!important}
  body.lock{overflow:hidden}
}
/* nav: butonul de aspect lângă meniu */
.nav-r{display:flex;align-items:center;gap:10px;order:3}
.gnav .wrap{gap:24px}
.gnav ul{margin-left:auto}
@media (max-width:833px){.gnav ul{margin-left:0}}
.gnav a:hover,.brand:hover{opacity:1;text-decoration:none}
.gnav ul a:hover{opacity:1}
/* paginile secundare: conținutul începe sub capsula fixă */
body.subnav{padding-top:calc(env(safe-area-inset-top,0px) + 74px)}
html:has(body.subnav){scroll-padding-top:84px}
/* pe fundal deschis capsula rămâne închisă, ca deasupra hero-ului de pe prima pagină */
body.subnav .gnav{background:rgba(22,22,23,.88)}
body.subnav .gnav.scrolled{background:rgba(22,22,23,.9)}
/* subsolul stă mereu jos, oricât de înalt e ecranul */
body.subnav{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.subnav>main{flex:1 0 auto}