/* Selector de idioma ES · EN · IT (navbar de todas las páginas). */
.lang-switch{
  display:inline-flex; align-items:center; gap:0;
  font-family:'Outfit',system-ui,sans-serif; font-size:11px; font-weight:600;
  letter-spacing:.14em; line-height:1; flex-shrink:0;
  border:1px solid rgba(42,24,16,.22); border-radius:999px; overflow:hidden;
  background:rgba(251,245,230,.55);
}
.lang-switch a{
  display:block; padding:7px 9px; color:var(--ink-soft,#5C4232);
  text-decoration:none; transition:background .2s,color .2s;
}
.lang-switch a + a{ border-left:1px solid rgba(42,24,16,.14); }
.lang-switch a:hover{ color:var(--terracota,#C2410C); }
.lang-switch a.active{ background:var(--ink,#2A1810); color:var(--cream,#F4ECD8); cursor:default; }
.lang-switch-float{ position:fixed; top:16px; right:16px; z-index:60; }
@media (max-width:640px){
  /* pantallas chicas: navbar compacto para que entren logo + idiomas + botón */
  #navbar .lang-switch a{ padding:6px 7px; font-size:10px; letter-spacing:.08em; }
  #navbar .btn-primary{ padding:8px 12px; font-size:11px; letter-spacing:.02em; }
  #navbar .flex.items-center.gap-4{ gap:8px; }
  #navbar a.group{ gap:8px; }
  #navbar a.group .w-10{ width:34px; height:34px; }
  #navbar a.group .text-lg{ font-size:15px; }
  #navbar a.group .tracking-\[0\.25em\]{ letter-spacing:.14em; }
}

/* Navbar: que nada se parta en dos líneas (los textos en inglés/italiano son más largos). */
#navbar nav a, #navbar a.group{ white-space:nowrap; }
#navbar a.group{ flex-shrink:0; }
#navbar .max-w-\[1400px\]{ gap:16px; }
@media (min-width:1024px){
  html[lang="en"] #navbar nav.lg\:flex, html[lang="it"] #navbar nav.lg\:flex{ gap:1.25rem; }
}
/* En/IT: el menú entra recién desde 1280px ; la ubicación "En ruta" (en todos los idiomas) desde 1440px para dejar lugar al selector. */
@media (max-width:1279px){
  html[lang="en"] #navbar nav.lg\:flex, html[lang="it"] #navbar nav.lg\:flex{ display:none; }
}
@media (max-width:1439px){
  #navbar .hidden.md\:flex{ display:none; }
}