/* Ajustes al menú principal (Flatsome) para que los 7 ítems (6 originales +
   Contacto) entren en una sola línea SIN achicar el logo. El sitio original
   tenía 6 ítems; con 7 no alcanza el espacio, así que en vez de tocar el
   logo recuperamos el margen que Flatsome le deja alrededor
   (".logo{margin:0 30px}") y angostamos un poco el propio menú. */

/* flatsome.css fija ".nav{flex-wrap:nowrap}" y ".nav>li>a{font-size:.8em}"
   (más específico que una clase simple) — igualamos especificidad con
   ".header-nav.header-nav-main>li>a" para poder ganarle en cascada. */
#logo.logo {
  margin-left: 0;
  margin-right: 24px;
}

ul.header-nav.header-nav-main {
  justify-content: flex-start;
  flex-wrap: nowrap;
}

ul.header-nav.header-nav-main > li {
  margin: 0 3px;
}

ul.header-nav.header-nav-main > li > a.nav-top-link {
  padding-left: 6px;
  padding-right: 6px;
  font-size: 13px;
  white-space: nowrap;
}

.header-inner.container {
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 850px) and (max-width: 1400px) {
  #logo.logo {
    margin-right: 14px;
  }

  ul.header-nav.header-nav-main > li {
    margin: 0 1px;
  }

  ul.header-nav.header-nav-main > li > a.nav-top-link {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
  }
}