.topo {
    background: #405866;
}

.navbar {
    background: linear-gradient(90deg, rgba(32, 119, 76, 1) 0%, rgba(50, 119, 150, 1) 100%);

    border-bottom: 3px solid #8ead5b;
}

header {
    background: #405866;
}

.nav {
    /*padding: 10px;
    gap: 10px;*/
}

.nav-l {
    /*padding-right: 10px;*/
    border-left: 0.8px solid #ffffff12;
}

.nav-li {
    line-height: 14px;
    padding: 9px 13px;
    border-right: 1px solid #FFFFFF12;
}

.nav-li:hover {
    background-color: #274451;

}

.nav-li.active{
    background-color: #274451;
}

.nav-f {
    /*padding-right: 10px;*/
    border-right: 0.8px solid #ffffff12;
}

.nav-inner {
    color: #ffffff;
    text-decoration: none;
    font-family: Trivia_Gothic_C2;
    font-size: 20px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.navM-inner {
    font-size: 45px;
    font-weight: 300;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 46px;
}

ul.navMB.nav {
    display: none;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    margin-bottom: 58px;
}

li.navM-li {
    padding-left: 45px;
    height: 101px;
    display: flex;
}

.navK {
    background-color: #fbfbfb26;
}


#busca {
    width: 351px;
}

.left-align {
    display: flex;
    justify-content: left;
}

.border-green {
    border: 2px solid #29a746
}

.menu-MV {
    display: none;
}

img#menu-V {
    width: 77px;
}

button.menu-MV {
    background-color: #f0f8ff00;
    border: none;
}

button.menu-M2 {
    background-color: #f0f8ff00;
    border: none;
}

.navM {
    display: none;
}

.nav-li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.nav-inner.programa-cientista-chefe {
    display: none;
}

.dropdown-content2 {
    margin-top: 2px;
    user-select: none;
    display: none;
    width: 100vw;
    left: 0;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #FFFFFF;
    font-family: Trivia_Gothic_C2;
    font-size: 20px;
    font-weight: 300;
    line-height: 11.51px;
    z-index: 10000;
    padding: 12px 18px 12px 12px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.seta {
    margin-left: 5px;
    transition: transform 0.5s ease;
}

.seta.rotate {
    transform: rotate(180deg);
}



/*.l {
    height: 450px !important;
}

.ca {
    height: 475px !important;
}

.fe {
    height: 475px !important;
}*/



.pl{
    margin-left: 22px;
}

.pa {
    margin-left: 10px;
}

.pa2 {
    margin-left: 10px;
}


.pa{
    
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        max-height: 106px;
       
    
}

.pa2{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 106px;
    margin-left: 10px;
}

.pa>div>a{
    max-width: 265px !important;

}

.pa2>div>a{
    max-width: 265px !important;

}

.pe{
    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

}

.acoes-fomento-list {
    display: none;
    flex-direction: column;
    height: 490px;
    flex-wrap: wrap;
    gap: 32px;

}

.acoes-fomento-listca {
    display: flex !important;
    flex-direction: column;
    max-height: 235px;
    flex-wrap: wrap;
    gap: 0;

}

.acoes-fomento-listfe {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 228px;
    gap: 0;
    margin-left: 22px;
    padding-bottom: 12px;

}

.acoes-fomento-list {
    display: flex !important;
    flex-direction: column;
    max-height: 139px;
    flex-wrap: wrap;
    gap: 0;
    margin-left: 22px;

}


.acoes-fomento-listca a {
    color: #405965 !important;
}

.dropdown-p {
    padding: 10px;
    color: white;
    width: 100%;
    min-width: 300px;
    background: #405965;
}

.pl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.dropdown-content2 a {
    color: #20764B;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    width: 100%;
    max-width: 340px;
    font-size: medium;
    line-height: 17px;
}
.dropdown-content2 a:hover {
    background-color: #5c5c5c30 !important;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.nav-li:hover .dropdown-content2 {
    display: block;
}


#buscaM {
    width: 100%;
    margin-bottom: 20px;

}

.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

.carousel-control-next-icon {
    width: 40px;
    height: 40px;
}

/* ── Mobile breakpoints ─────────────────────────────── */
@media (max-width: 1024px) {
    .nav-inner { font-size: 17px; }
    .nav-li { padding: 8px 9px; }
}

@media (max-width: 768px) {
    /* Hide desktop nav, show mobile nav */
    .navbar:not(.navM):not(.navMB) { display: none; }
    .navM { display: flex !important; }

    .navM-inner { font-size: 22px; gap: 16px; }
    li.navM-li { padding-left: 16px; height: auto; min-height: 56px; }

    /* Reduce top bar density */
    .topo { padding: 6px 0; }
    .topo .container, .topo .container-fluid { padding-left: 12px; padding-right: 12px; }
}

@media (max-width: 480px) {
    .navM-inner { font-size: 18px; gap: 12px; }
    .navM-inner svg { width: 36px; height: 36px; }
    li.navM-li { min-height: 48px; padding-left: 12px; }
}

/* Prevent horizontal overflow on small screens */
@media (max-width: 768px) {
    body, html { overflow-x: hidden; }
    img, iframe, video, embed { max-width: 100%; height: auto; }
}