/* DEVARTIVA - MENU GLOBAL CATEGORIAS FASE2
   Homologacion del header compartido en landings comerciales.
*/
.dev-main-menu{
  position:relative;
  z-index:80;
}
body > .dev-main-menu,
body > header.dev-main-menu{
  width:100%;
}
.dev-main-menu + main,
.dev-main-menu + section{
  position:relative;
}

/* Evita que estilos genericos de las landings deformen el componente global. */
body .dev-main-menu nav{
  width:auto;
}
body .dev-main-menu a{
  text-decoration:none;
}
body .dev-main-menu img{
  max-width:none;
}

/* Mantiene el menu por encima de heroes/visuales. */
.dev-main-menu .dev-submenu,
.dev-main-menu .dev-mega-menu{
  z-index:120!important;
}

@media(max-width:900px){
  body .dev-main-menu nav{
    width:100%;
  }
}