/* HEADER & NAV */
header { 
    border-bottom: 1px solid #eee; 
}
.cor-topo {
    background-color: #01051b !important;
}
.cor-data-hora-topo {
    color: #f6f6f8;
}
.top-info { 
    background: #fff; 
    font-size: 13px; 
    border-bottom: 1px solid #f0f0f0; 
    padding: 8px 0; 
}

.area-topo {
    height: 150px;
}

.logo-ifronteira-topo { 
    margin:25px 0;
}

.logo-mobile-container {
    display: none;
}

.navbar { 
    background: #f6f6f8 !important; 
    padding: 0; 
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); 
}
.nav-link { 
    color: #101C26 !important; 
    font-weight: bold; 
    font-size: 17px; 
    padding: 15px 20px !important; 
    transition: 0.3s; 
}
.nav-link:hover { 
    background: var(--primaria-cor); 
    color: #fff !important; 
}
.navbar>.container {
    align-items: unset;
}
/* nav #menu {
    position: fixed;
    top: 80;
    left: 0;
    width: 100%;
    background-color: var(--menu-rodape-cor);
    z-index: 1000;
} */

/* .ajuste-alinhamento-menu {
    padding-left:25px;
} */

/* Classe que fixa o menu */
.fixed-nav {
    /* position: fixed; */
    top: 0;
    width: 100%;
    z-index: 1030;
    animation: slideDown 0.3s ease-out;
}

/* Espaçador para o conteúdo não subir de vez quando o menu sai do fluxo */
.nav-spacer {
    display: none;
}
.scrolled {
    display: block;
}

@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

.hide-menu {
    display: none;
}


       



@media (min-width: 993px) and (max-width: 1200px) {
    .ajuste-alinhamento-menu {
        padding-left:13px;
    }
}

.dropdown-menu  {
    background-color: #f8fafc;
}

.dropdown-menu a:hover {
    background-color: var(--primaria-cor);
    color: var(--menu-rodape-texto-cor);
}


.navbar-toggler {
    background-color: transparent !important;
    padding: 0;
}

/* .navbar-toggler-icon {
    color: #f6f6f8 !important;
} */
         
@media (max-width: 992px) {
    
    /* #menu {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1030;
        padding: 10px;
        padding-top: 15px;
        animation: slideDown 0.3s ease-out;
    } */

    .grid-news {
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    .dropdown-menu  {
    background-color: transparent;
    border: none;
    }

    .dropdown-item {
    color: var(--menu-rodape-texto-cor)
    }

    .navbar-nav .dropdown-menu {
    padding-left: 20px;
    padding-top: 0;
    display: block !important;
    background-color: #01051b;
    }

    .dropdown-toggle {
    pointer-events: none;
    }

    .dropdown-toggle::after {
        display: none !important;
    }

    .navbar {
        position: fixed !important;
        width: 100%;
        overflow-y: auto !important;
        max-height: 100%;
        z-index: 9999
    }
}

@media (max-width: 991px) {
    #menu {
        background-color: #01051b !important; /* Cor apenas para telas pequenas */
    }
    /* #menu li {
    width: 100%;
    text-align: center;
    } */
    #menu .searchbar {
        margin-bottom: 20px;
    }
    .logo-menu {
        display: none;
    }
    /* .logo-mobile {
        display: block;
        margin: 0 auto;
    } */

    .logo-mobile-container {
        display: flex;
        max-width: 30%;
    }

    .logo-mobile-container img {
        max-width: 100%;
        height: auto;
    }

    .logo-area {
        display: none;
    }

    #navbarNav {
        background-color: #01051b; /* Escolha sua cor (ex: cinza escuro) */
        padding: 15px;             /* Espaçamento interno para os links não colarem na borda */
        border-radius: 0 0 8px 8px; /* Opcional: arredonda a base do menu aberto */
        margin-top: 10px;          /* Opcional: separa um pouco do topo */
    }

    /* Opcional: Garantir que os links fiquem brancos se o fundo for escuro */
    #navbarNav .nav-link {
        color: #f6f6f8 !important;
    }

    #btnPesquisar i {
        color: #f6f6f8 !important;
    }

    #menu .navbar-toggler-icon {
        /* filter: invert(99%) sepia(1%) saturate(1067%) hue-rotate(196deg) brightness(103%) contrast(96%); */
        filter: invert(100%) brightness(200%);
    }
}
    

.bi-search {
    color: #01051b;
    font-size: 25px;
}
#btnPesquisar,
#btnPesquisarDesktop {
    background-color: transparent !important;
}