/* ============================================================
   www.tecnopacific.com — nav.css   Navegación fija + hamburger
   ============================================================ */
#main-nav {
  position:fixed; top:0; left:0; right:0; z-index:999;
  height:var(--nav-h);
  background:rgba(255,255,255,.96); backdrop-filter:blur(18px);
  border-bottom:1px solid transparent;
  box-shadow:0 1px 16px rgba(0,0,0,.06); transition:.3s;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 56px;
}
#main-nav.scrolled { border-bottom-color:var(--border); box-shadow:0 4px 28px rgba(0,0,0,.08); }

/* Brand */
.nav-brand { display:flex; align-items:center; gap:10px; text-decoration:none; cursor:pointer; }
.nav-brand-logo { flex-shrink:0; }
.nav-brand-text .b1 { font-family:'Montserrat',sans-serif; font-size:17px; font-weight:800; letter-spacing:2px; color:var(--blue-mid); line-height:1; }
.nav-brand-text .b1 span { color:var(--blue-lt); }
.nav-brand-text .b2 { font-size:7.5px; letter-spacing:2.5px; color:var(--muted); text-transform:uppercase; font-weight:500; margin-top:2px; }

/* Links */
.nav-links { display:flex; align-items:center; gap:20px; list-style:none; }
.nav-links a { font-size:12.5px; font-weight:500; text-transform:uppercase; letter-spacing:.6px; color:var(--muted); padding-bottom:2px; border-bottom:2px solid transparent; transition:.2s; }
.nav-links a:hover { color:var(--orange); }
.nav-links a.active { color:var(--blue-mid); border-bottom-color:var(--orange); }
.btn-nav-cta { background:var(--orange)!important; color:#fff!important; padding:8px 20px!important; border-radius:6px!important; border-bottom:none!important; font-weight:600!important; transition:background .25s!important; }
.btn-nav-cta:hover { background:var(--orange-lt)!important; }

/* Hamburger */
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:5px; }
.hamburger span { width:22px; height:2px; background:var(--blue-mid); border-radius:2px; transition:.3s; }
.hamburger.open span:first-child  { transform:rotate(45deg) translate(5px,5px); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:last-child   { transform:rotate(-45deg) translate(5px,-5px); }

/* ── MENÚ MÓVIL (nuevo panel lateral desde components.js) ──
   El CSS del panel y submenús vive en components.js dentro de
   @media (max-width:768px). Aquí solo bloqueamos que aparezca
   algo en desktop por herencia o especificidad.
   ─────────────────────────────────────────────────────────── */
.mob-menu    { display:none; }  /* oculto en desktop — components.js lo reactiva en móvil */
.mob-overlay { display:none; }  /* ídem para el overlay oscuro */