#site-navigation {
    z-index: 20;
    position: relative;
    margin-bottom: -60px;
}

#site-navigation .navigation-branding {
    display: none;
}

#menu-menu-en,
#menu-menu-fr {
  gap:10px;
}

#menu-idiomas-en,
#menu-idiomas-fr {
  position: relative;
  margin-bottom: -60px;
  z-index: 100;
  gap:10px;
}

#menu-idiomas-en a,
#menu-idiomas-fr a {
  line-height: 60px;
  font-size: 15px;
}

#menu-menu-en a,
#menu-menu-fr a,
#menu-idiomas-en a,
#menu-idiomas-fr a,
#menu-menu-lienzo-en a,
#menu-menu-lienzo-fr a   {
    color: var(--c-white);
    transition: var(--transition);
    text-transform: uppercase;
}

#menu-menu-en a:hover,
#menu-menu-fr a:hover,
#menu-idiomas-en a:hover,
#menu-idiomas-fr a:hover,
#menu-menu-lienzo-en a:hover,
#menu-menu-lienzo-fr a:hover   {
    color: var(--c-beige);
    background-color: #ffffff33;
}

#menu-menu-en .especial a,
#menu-menu-fr .especial a,
#menu-idiomas-en .especial a,
#menu-idiomas-fr .especial a,
#menu-menu-lienzo-en .especial a,
#menu-menu-lienzo-fr .especial a {
    color: var(--c-primary);
    background: #fff;
}

#menu-menu-en .especial a:hover,
#menu-menu-fr .especial a:hover,
#menu-idiomas-en .especial a:hover,
#menu-idiomas-fr .especial a:hover,
#menu-menu-lienzo-en .especial a:hover a,
#menu-menu-lienzo-fr .especial a:hover a {
    color: var(--c-white);
    background: #fff;
    background-color: var(--c-secondary)
}

#menu-idiomas-en .especial a,
#menu-idiomas-fr .especial a {
  font-weight: bold;
}

#menu-menu-en .current-lang a,
#menu-menu-fr .current-lang a,
#menu-idiomas-en .current-lang a,
#menu-idiomas-fr .current-lang a,
#menu-menu-lienzo-en .current-lang a,
#menu-menu-lienzo-fr .current-lang a {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {

  #secondary-navigation {
    display: none;
  }

  .inside-navigation {
      justify-content: flex-end!important;
  }

}