.sidebar-inicio-horizontal{
    position:relative;
    z-index: 20; 
}

.menu-inicial-horizontal {
    /*background-color: #fff;
    box-shadow: 0 -1px 0 #000, 0 1px 0 #000;
    border-radius: 10px;*/
   margin-bottom: 8px;
    margin-top: 2px;
    background-color: #20376B;
    padding: 0px;
    position: relative;
}

.menu-horizontal-ul {
    margin: 0;
    padding: 0;
    list-style: none; /* Remove os marcadores da lista */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 40px;
    margin-right: 40px;
}

.menu-horizontal-li {
    position: relative; /* Necessário para o dropdown se posicionar corretamente */
    display: inline-block;
    padding: 10px;
}

.menu-horizontal-li:not(:last-child)::after {
    content: ""; /* Create a pseudo-element */
    display: inline-block;
    width: 1px;
    height: 20px; /* Adjust the height as needed */
    background-color: #fff; /* Color of the bar */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); /* Center the bar vertically */
  }

.menu-horizontal-a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.dropdown-menu {
    position: absolute;
    background-color: #20376B;
    display: none;
    list-style: none;
    padding: 0;
    margin-top: 0;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%; /* Garante que o dropdown tenha a mesma largura que o item principal */
    left: 0;
    top: 100%; /* Posiciona o dropdown diretamente abaixo do item principal */
    box-sizing: border-box;
}

.dropdown-menu-li {
    text-align: left;
    background-color: #ffffff;
    width: 250px;
    /*width: 100%;*/
}

.dropdown-menu-a {
    display: block;
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px; /* Adiciona espaçamento interno para os links */
    text-align: left; /* Garante que o texto esteja alinhado à esquerda */
}

.menu-horizontal-li:hover {
    background-color:  #EFEFEF;
}

.menu-horizontal-li:hover .menu-horizontal-a {
    color: #007bff;
}

.menu-horizontal-li:hover .dropdown-menu {
    display: block;
}

.dropdown-menu-a:hover{
    color: #007bff;
    font-weight: 650;
}

@media (max-width: 1150px) {
    .sidebar-inicio-horizontal{
        display: none;
    }
}