/* ════════════════════════════════════════════════════════════
   Saphia Labs — Nav compartida (sep 2026)
   Links planos; el único elemento con relleno es "Hablemos".
   Buscador solo ícono (⌘K aparece al pasar el mouse) e idioma
   como texto "ES · EN". Se carga después de search.css.
   ════════════════════════════════════════════════════════════ */

/* Buscador */
.nav-search {
  background: none; border: none; border-radius: 8px;
  padding: 6px; gap: 0; color: rgba(255,255,255,.55);
  transition: color .2s, background .2s;
}
.nav-search:hover { background: rgba(255,255,255,.08); border-color: transparent; color: #fff; }
.nav-search-kbd {
  display: inline-block; max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap;
  margin-left: 0; transition: max-width .2s ease, opacity .2s ease, margin-left .2s ease;
}
.nav-search:hover .nav-search-kbd { max-width: 32px; opacity: 1; margin-left: 7px; }

/* Idioma */
.lang-pill { display: flex; align-items: center; gap: 0; background: none; border: none; border-radius: 0; padding: 0; overflow: visible; }
.lang-pill button {
  padding: 4px 2px; border: none; border-radius: 0; background: transparent; cursor: pointer;
  font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .05em;
  color: rgba(255,255,255,.4); transition: color .2s;
}
.lang-pill button:hover { color: #fff; }
.lang-pill button.active { background: transparent; color: #fff; }
.lang-pill button + button::before { content: '·'; color: rgba(255,255,255,.3); margin: 0 7px 0 5px; font-weight: 400; }

@media (max-width: 640px) {
  .nav-search:hover .nav-search-kbd { max-width: 0; opacity: 0; margin-left: 0; }
}