/* nav.css — Navegación principal */

nav{
  background: var(--w);
  border-bottom: 1px solid var(--g2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.5rem;
  height: 60px;
  position: sticky;
  top: 0;
  z-index: 300;
}
.logo{ display:flex; align-items:center; gap:10px; cursor:pointer }
.logo-sq{
  width:30px; height:30px; background:var(--k); border-radius:4px;
  display:flex; align-items:center; justify-content:center;
  color:white; font-size:10px; font-weight:700; letter-spacing:.5px;
}
.logo-txt{ font-size:14px; font-weight:600; color:var(--k); letter-spacing:-.3px }
.logo-txt em{ font-style:normal; font-weight:300; color:var(--g4) }

.nav-mid{ display:flex; gap:2rem }
.nav-mid a{
  font-size:12px; color:var(--g4); cursor:pointer;
  text-decoration:none; transition:color .15s;
}
.nav-mid a:hover{ color:var(--k) }

.nav-r{ display:flex; align-items:center; gap:12px }
.nav-pill{
  font-size:12px; color:var(--g5); border:1px solid var(--g2);
  padding:7px 16px; border-radius:30px; cursor:pointer;
  background:white; transition:all .15s;
}
.nav-pill:hover{ border-color:var(--g3); color:var(--k) }
.nav-pill.dark{ background:var(--k); color:white; border-color:var(--k) }

.cart-btn{
  position:relative; background:var(--k); color:white; border:none;
  padding:8px 18px; border-radius:var(--r); font-size:12px; font-weight:600;
  cursor:pointer; display:flex; align-items:center; gap:8px; transition:background .2s;
}
.cart-btn:hover{ background:var(--k2) }
.cart-count{
  background:white; color:var(--k); border-radius:50%; width:18px; height:18px;
  font-size:10px; font-weight:800; display:none; align-items:center; justify-content:center;
}
.cart-count.show{ display:flex }

.nav-link-asociate{ color:var(--k) !important; font-weight:700 !important; border-bottom:2px solid var(--k); padding-bottom:1px }