/* ===== Estilo general (SaaS look) ===== */
:root{
  --erpio-dark:#111318;
  --erpio-muted:#5B616B;
  --erpio-green:#7CFF3A;
  --erpio-green2:#28D97A;
  --erpio-bg:#ffffff;
}

body{
  color: var(--erpio-dark);
}

/* ===== Header limpio tipo SaaS ===== */
header.et-l.et-l--header,
#main-header{
  background: var(--erpio-bg) !important;
  box-shadow: 0 10px 30px rgba(17,19,24,.06) !important;
}

/* ===== Menú: tipografía + spacing ===== */
#top-menu a,
.et-menu a{
  font-weight: 600 !important;
  letter-spacing: .2px;
  color: var(--erpio-dark) !important;
}

#top-menu a:hover,
.et-menu a:hover{
  color: var(--erpio-green2) !important;
}

/* ===== CTA del menú (último item como botón) ===== */
#top-menu li:last-child a,
.et-menu li:last-child a{
  background: var(--erpio-green) !important;
  color: var(--erpio-dark) !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

#top-menu li:last-child a:hover,
.et-menu li:last-child a:hover{
  background: var(--erpio-green2) !important;
  color: var(--erpio-dark) !important;
}

/* ===== Menú móvil ===== */
.mobile_menu_bar:before{
  color: var(--erpio-dark) !important;
}