/* Menú superior común de vektorlab.online (portada, /fila y /ventas) */
.vl-nav{height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid rgba(255,255,255,.1); position:relative; z-index:30}
.vl-logo{white-space:nowrap; display:flex; align-items:center; gap:12px; text-decoration:none; font-family:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif; font-weight:800; font-size:22px; color:#fff}
.vl-logo svg{width:40px; height:40px; flex-shrink:0}
.vl-links{display:flex; align-items:center; gap:14px}
.vl-dd{position:relative}
.vl-dd-btn{white-space:nowrap; display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 14px; border:none; border-radius:12px; background:transparent; color:#C9CCE4; font:inherit; font-size:16px; font-weight:600; cursor:pointer}
.vl-dd-btn:hover,.vl-dd-btn[aria-expanded="true"]{color:#fff; background:rgba(255,255,255,.08)}
.vl-dd-btn svg{transition:transform .15s}
.vl-short{display:none}
.vl-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.vl-dd-menu{position:absolute; right:0; top:calc(100% + 8px); width:min(340px, calc(100vw - 32px)); background:#fff; color:#14172B; border-radius:18px; padding:8px; box-shadow:0 24px 60px -20px rgba(10,12,40,.55); display:flex; flex-direction:column; gap:2px}
.vl-dd-menu[hidden]{display:none}
.vl-dd-menu a{display:flex; align-items:center; gap:12px; padding:12px; border-radius:12px; text-decoration:none; color:#14172B}
.vl-dd-menu a:hover,.vl-dd-menu a[aria-current="page"]{background:#E8E9F3}
.vl-dd-menu i{width:40px; height:40px; border-radius:11px; display:grid; place-items:center; flex-shrink:0; font-style:normal}
.vl-dd-menu b{display:block; font-size:15px}
.vl-dd-menu small{display:block; font-size:13px; color:#5A5F78}
.vl-dd-menu .vl-only-m{display:none; border-top:1px solid #DCDFEA; margin-top:4px; padding-top:14px; border-radius:0 0 12px 12px}
.vl-login{display:inline-flex; align-items:center; min-height:46px; padding:0 16px; border:1px solid rgba(255,255,255,.3); border-radius:12px; color:#fff; text-decoration:none; font-weight:600; font-size:16px; white-space:nowrap}
.vl-login:hover{background:rgba(255,255,255,.08)}
.vl-wa{display:inline-flex; align-items:center; min-height:46px; padding:0 22px; border-radius:12px; background:#F2B400; color:#1A1400; text-decoration:none; font-weight:800; font-size:16px}
.vl-nav a:focus-visible,.vl-nav button:focus-visible{outline:3px solid #F2B400; outline-offset:3px}
@media (max-width:860px){ .vl-wa{display:none} }
@media (max-width:600px){
  .vl-nav{height:72px}
  .vl-logo{font-size:19px} .vl-logo svg{width:34px; height:34px}
  .vl-login{display:none}
  .vl-dd-btn{padding:0 12px; font-size:15px; border:1px solid rgba(255,255,255,.3)}
  .vl-dd-menu .vl-only-m{display:flex}
  .vl-full{display:none} .vl-short{display:inline}
}
@media print{ .vl-dd-menu{display:none !important} }