.header-transparent-index {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    z-index: 9;
}
.hero-overly { position: relative; z-index: 0; }
.header-bottom { background-color: transparent !important; }
 
.header-area .main-header .main-menu ul li:hover>a { color: var(--fondo-menu-principal) !important; }
.header-area .main-header .main-menu ul ul.submenu{ border-top:5px solid var(--fondo-menu-principal) !important; }
.header-area .main-header .main-menu ul ul.submenu>li>a:hover { color: var(--fondo-botones-principales) !important; }