/* Nav Header DESK */
.nav_header {
    background-color: var(--cor_fundo_header);
}

.nav_header .desk {
    padding: var(--padding_nav_header_desk);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--altura_nav_header_desk);
}

.nav_header .desk .logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: var(--largura_nav_logo);
    height: var(--altura_nav_header_desk);
    padding: 10px 0;
    text-decoration: none;
    color: var(--cor_texto_header);
}

.nav_header .desk .logo.oculto {
    display: none;
}

.nav_header .desk .logo img {
    max-width: var(--largura_nav_logo);
    max-height: 100%;
    display: block;
    border-radius: 10px;
}

.nav_header .desk .pesquisa {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--cor_contraste_header);
    border-radius: 100px;
    overflow: hidden;
    width: calc(((100% - var(--largura_nav_logo)) - var(--largura_nav_user)) - 20px);
    max-width: var(--largura_max_box_buscar);
}

.nav_header .desk .pesquisa .input_pesquisa {
    border: none;
    font-size: 20px;
    padding: 3px 3px 3px 20px;
    width: 100%;
    height: calc((var(--largura_nav_btn_buscar) + 7px) + 2px);
}

.nav_header .desk .pesquisa .btn_buscar {
    cursor: pointer;
    border: none;
    background-color: var(--cor_fundo_header);
    margin: 2px 2px;
    border-radius: 100px;
    padding: 2px 7px;
    transition: 0.2s;
}

.nav_header .desk .pesquisa .btn_buscar:hover {
    background-color: var(--cor_destaque_header);
}

.nav_header .desk .pesquisa .btn_buscar svg {
    width: var(--largura_nav_btn_buscar);
    height: var(--largura_nav_btn_buscar);
    fill: var(--cor_contraste_header);
    transition: 0.2s;
}

.nav_header .desk .pesquisa .btn_buscar:hover svg {
    transform: rotate(90deg);
}

.nav_header .desk .user {
    width: var(--largura_nav_user);
}

.nav_header .desk .user .icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

.nav_header .desk .user .icon svg {
    fill: var(--cor_contraste_header);
    width: var(--largura_nav_user_icon);
    height: var(--largura_nav_user_icon);
    transition: 0.2s;
}

.nav_header .desk .user .icon:hover svg {
    scale: 1.05;
}

.nav_header .mob {
    display: none;
}

.nav_header .mob .top {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    height: var(--altura_nav_header_mob);
    width: 100%;
}

.nav_header .mob .top .user {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav_header .mob .top .user svg {
    width: var(--largura_nav_user_icon_mob);
    height: var(--largura_nav_user_icon_mob);
    fill: var(--cor_contraste_header);
}

.nav_header .mob .top .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--largura_nav_logo_mob);
    margin: 0 15px;
}

.nav_header .mob .top .logo img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}

.nav_header .mob .top .pesquisa {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.nav_header .mob .top .pesquisa svg {
    width: var(--largura_nav_btn_buscar_mob);
    height: var(--largura_nav_btn_buscar_mob);
    fill: var(--cor_contraste_header);
}

.nav_header .mob .top .pesquisa svg:first-child {
    display: block;
}

.nav_header .mob .top .pesquisa.active svg:first-child {
    display: none;
}

.nav_header .mob .top .pesquisa svg:last-child {
    display: none;
}

.nav_header .mob .top .pesquisa.active svg:last-child {
    display: block;
}

.nav_header .mob .bottom {
    width: 100%;
    padding: 0px 10px;
    height: 0px;
    transition: 0.2s;
    overflow: hidden;
}

.nav_header .mob .bottom.active {
    border-top: 2px solid var(--cor_contraste_header);
    height: var(--altura_pesquisa_mob);
}

.nav_header .mob .bottom .pesquisa {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--cor_contraste_header);
    border-radius: 100px;
    overflow: hidden;
    margin-top: 7px;
}

.nav_header .mob .bottom .pesquisa .input_pesquisa {
    border: none;
    font-size: 18px;
    padding: 3px 3px 3px 15px;
    width: 100%;
    height: calc((var(--largura_nav_btn_buscar2_mob) + 7px) + 2px);
}

.nav_header .mob .bottom .pesquisa .btn_buscar {
    cursor: pointer;
    border: none;
    background-color: var(--cor_fundo_header);
    margin: 2px 2px;
    border-radius: 100px;
    padding: 2px 15px;
    transition: 0.2s;
}

.nav_header .mob .bottom .pesquisa .btn_buscar svg {
    width: var(--largura_nav_btn_buscar2_mob);
    height: var(--largura_nav_btn_buscar2_mob);
    fill: var(--cor_contraste_header);
    transition: 0.2s;
}

@media screen and (max-width:550px) {
    .nav_header .desk {
        display: none;
    }

    .nav_header .mob {
        display: block;
    }
}