/* ═══════════════════════════════════════
   nav.css — Navegación, burger y menú mobile
   Rupta Studios
═══════════════════════════════════════ */

/* ── Nav base ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:900;
  height:62px;display:flex;align-items:center;
  padding:0 28px;
  transition:background .3s,border-color .3s;
  border-bottom:1px solid transparent
}
nav.s{
  background:rgba(9,9,15,.94);
  backdrop-filter:blur(20px);
  border-color:var(--border)
}

/* ── Inner wrapper ── */
.nav-in{
  max-width:var(--max);margin:0 auto;width:100%;
  display:flex;align-items:center;justify-content:space-between
}

/* ── Logo ── */
.logo{
  font-size:15.5px;letter-spacing:.4px;cursor:pointer;
  color:var(--t);display:flex;align-items:center;gap:9px
}
.logo em{font-style:normal;color:var(--pl)}

/* ── Links de escritorio ── */
.nav-links{display:flex;gap:2px}
.nl{
  font-size:13.5px;font-weight:500;color:var(--t2);
  padding:7px 12px;border-radius:6px;transition:all .18s
}
.nl:hover,.nl.on{color:var(--t);background:rgba(255,255,255,.05)}

/* ── Derecha del nav ── */
.nav-r{display:flex;align-items:center;gap:8px}

/* ── Selector de idioma ── */
.langs{display:flex;gap:2px}
.lb{
  font-size:11px;font-weight:700;letter-spacing:.7px;
  color:var(--t3);padding:5px 8px;border-radius:5px;transition:all .18s
}
.lb:hover{color:var(--t2)}
.lb.on{color:var(--pl);background:rgba(124,58,237,.12)}

/* ── Botón CTA del nav ── */
.nav-btn{font-size:13px;padding:8px 18px;min-height:36px}

/* ── Burger ── */
.burger{
  display:none;flex-direction:column;gap:4.5px;
  padding:8px;border-radius:6px;border:1px solid var(--border)
}
.burger span{
  display:block;width:18px;height:1.5px;
  background:var(--t);transition:all .25s;border-radius:1px
}

/* ── Menú mobile ── */
.mob{
  display:none;position:fixed;inset:0;z-index:899;
  background:rgba(9,9,15,.97);backdrop-filter:blur(24px);
  flex-direction:column;align-items:center;justify-content:center;gap:4px
}
.mob.open{display:flex}
.mob-x{
  position:absolute;top:18px;right:20px;
  font-size:19px;color:var(--t2);
  padding:8px;background:none;border:none;cursor:pointer
}
.mob-nl{
  font-family:'Archivo Black',sans-serif;font-size:24px;
  color:var(--t);padding:9px 0;transition:color .18s;
  background:none;border:none;cursor:pointer
}
.mob-nl:hover{color:var(--pl)}
.mob-lang{display:flex;gap:8px;margin-top:16px}
.mob-cta{margin-top:14px;padding:14px 40px;font-size:15px}