/* Robot pages served by WordPress (areg-es static page): additions to each page's styles.css.
   EN/ES switcher ([areg_lang_switcher], areg-es) left of "Book a Demo", as on the showcase.
   With it in the bar the desktop links only fit from ~1200px, so the hamburger takes over earlier (was 768px). */
.nav .areg-lang { margin-right: 10px; }
.nav .areg-lang .areg-lang__item { font-family: var(--font); }
@media (max-width: 1200px) {
  .nav-links { display: none; }
  .nav-burger { display: flex; }
}
/* Spanish labels are longer (Proyectos destacados, Nuestra historia, Solicitar una demo): the bar (max 1280px) needs
   ~1350px with the EN spacing. Tighter spacing on ES pages brings it to ~1263px (like the ES site header), and the
   hamburger takes over below 1300px there. */
html[lang^="es"] .nav-in { gap: 24px; }
html[lang^="es"] .nav-link { padding: 0 7px; }
html[lang^="es"] .nav-in > div > .btn-p { padding: 0 16px; }
@media (max-width: 1300px) {
  html[lang^="es"] .nav-links { display: none; }
  html[lang^="es"] .nav-burger { display: flex; }
}
/* Phones: the bar keeps the switcher; "Book a Demo" lives in the mobile panel. */
@media (max-width: 480px) {
  .nav-in > div > .btn-p { display: none; }
  .nav .areg-lang { margin-right: 0; }
  /* "Solicitar la ficha técnica completa" is wider than a phone on one line: let it wrap. */
  html[lang^="es"] .btn-pl { white-space: normal; height: auto; min-height: 50px; padding: 12px 24px; justify-content: center; text-align: center; }
}