* {
    margin: 0;
    padding: 0;
}

/* Tiny Reset */

.navList {
    margin: 2rem;

    text-align: center;
    padding: 14px 10px;
    /* Reduzido o padding horizontal aqui */
    text-decoration: none;
    display: flex;
    background-color: white;
    justify-content: flex-end;
    /* Alinha os itens à direita */
}

.navList li {
    display: inline-block;
    color: #000;
    text-align: center;
    /* padding: 14px 10px; */ /* Reduzido o padding horizontal aqui */
}

.navLogo img {
    height: 38px;
    /* ou o tamanho que você preferir */
    position: absolute;
    margin-left: 15.1px;
    margin-top: 10px;
    /* margin-right: auto; */
    /* Para alinhar o logo à direita dos outros itens */
}

.dropdown ul {
   display: none;  
   position: absolute;
   z-index: 99999;
}

.dropdown ul li {
    display: flex;
}

.dropdown:hover ul {
    display: block;
}

.navList li a {
    /* text-decoration: none; */
    /* background: #fff; */
    /* border: 1px solid #ddd; */
    /* padding: 1rem 2rem; */
    /* margin-right: -1px; */
    /* color: #333; */
}

.dropdown ul {
    margin-top: -0.05rem;
    text-align: center;
}

.navList li a:hover {
    background: #0ea7ee;
}

.dropdown ul li a {
    /* min-width: 100px; */
}

.dropdown ul li {
    margin-bottom: -1px;
    text-align: center;
    font-size: 12px;
}

.navList li.dropdown {
    top: 0;
}

/* Estilos para o botão hamburguer */
.hamburger {
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 20px;
    cursor: pointer;
    margin-left: auto;
}


/* Estilos para dispositivos móveis */
@media (max-width: 768px) {
.hamburger {
font-size: 24px;
display: block;
}

.dropdown ul li a {
      min-width: 390px;  
      
}

.navList {
flex-direction: column;
align-items: flex-start;
width: 100%;
border-top: 1px solid #ddd; /* Adiciona uma borda superior para separar do botão */
}

.navList li {display: block;width: 100%;text-align: center;/* background: #0ea7ee; *//* padding: 9%; */color: black;border-bottom: 1px solid #ddd; /* Adiciona uma borda para separar os itens */}

.navList li:last-child {
border-bottom: none; /* Remove a borda do último item para evitar bordas duplas */
}

.navLogo img {
margin-right: 0; 
margin-left: 20px; /* Adiciona uma margem para alinhar com os outros itens */
}

.dropdown ul {
position: relative;
left: 0;
top: 0;
}

/* Adiciona uma transição suave ao abrir/fechar o menu */
.navList {
transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
max-height: 0;
visibility: hidden;
overflow: hidden;
}
}

/* Estilos quando o menu está ativo/aberto */
.navList.active {
max-height: 500px; /* Altura arbitrária, pode precisar ajustar conforme o seu menu */
visibility: visible;
}

.subMenuFapcap{

 
}