.ertia-nav-demo {
  justify-content: center;
  flex: 0 0 auto;
  gap: .4rem;
  min-height: 42px;
  padding: .55rem 1rem;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #fff;
  background: #94163d;
  font: 700 .85rem/1.2 system-ui, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.site-header .ertia-nav-demo,
#nav .ertia-nav-demo,
.ertia-saas-demo { display: inline-flex; align-items: center; }

.ertia-nav-demo:hover,
.ertia-nav-demo:focus-visible { background: #6f0f2e; color: #fff; }
.ertia-nav-demo:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.ertia-erp-menu { gap: clamp(12px, 1.8vw, 26px); }
.ertia-saas-menu { gap: clamp(12px, 1.5vw, 24px); font-size: .88rem; }
.ertia-menu-link[aria-current="page"],
.ertia-main-menu a[aria-current="page"] { text-decoration: underline; text-underline-offset: .24em; }
.ertia-menu-link:hover { text-decoration: underline; text-underline-offset: .24em; }
.ertia-saas-mobile-menu { display: grid; gap: .1rem; padding: .5rem 1rem .75rem; }
.ertia-saas-mobile-menu a { padding: .62rem 0; }
header#top #nav:has(.ertia-nav-demo) { gap: .6rem; }
.ertia-editorial .hero-actions .ertia-hero-demo,
.hero-actions .ertia-hero-demo { font-weight: 750; }

@media (max-width: 1023px) {
  #nav:has(.ertia-nav-demo) .brand { margin-right: auto; }
  .site-header .nav-shell:has(.ertia-nav-demo) { gap: .65rem; }
}

@media (max-width: 640px) {
  .ertia-nav-demo { min-height: 40px; padding-inline: .72rem; font-size: .78rem; }
  a:is([aria-label="ERTIA FLEET - Inicio"], [aria-label="ERTIA RRHH - Inicio"]) .ertia-native-logo { width: 56px; }
  a:is([aria-label="ERTIA FLEET - Inicio"], [aria-label="ERTIA RRHH - Inicio"]) span:first-child { font-size: .9rem; }
  a:is([aria-label="ERTIA FLEET - Inicio"], [aria-label="ERTIA RRHH - Inicio"]) span:nth-child(2) { display: none; }
}

@media (max-width: 370px) {
  a:is([aria-label="ERTIA FLEET - Inicio"], [aria-label="ERTIA RRHH - Inicio"]):has(.ertia-native-logo) > div { display: none; }
}