.menu {border-top: 4px solid var(--azul-pri);}
.menu .conteudo {padding: 19px 0 22px}
.menu .logo {margin: 0 44px 0 0; display: block; aspect-ratio: 301 / 63; height: auto;}

.menu .items-site {margin: 0 20px 0 0;}
.menu .items-site .item {padding: 23px 14px 16px; display: block;height: 100%; color: var(--cinza-pri); font: 16.9px / 19px var(--font1);font-weight: 400;font-style: normal;transition: .2s;}
.menu .items-site .item:hover {color: var(--azul-seg); background-color: var(--branco-ter); border-radius: 5px;}

.menu .item.Selecionado {color: var(--azul-seg); font-family: var(--made-medi); font-size: 18px; background-color: var(--branco-ter); border-radius: 5px;}

.menu .items-link-externos {padding: 23px 0 19px;}
.menu .items-link-externos img {width: 18px; height: 18px;margin: 0 9px 0 0;}
.menu .items-link-externos .item a {font: 19.9px / 19px var(--font1); font-weight: 400;font-style: normal;color: var(--cinza-pri);}
.menu .items-link-externos .item a b {font-weight: 700;font-style: normal;}

.menu .parent-menu {transition: .5s;}
.menu .parent-menu .logo-mobile {position: absolute;right: 100%;}
.menu .parent-menu .mobile {position: absolute;right: 100%;}

.menu .items-link-externos .mobile {display: none;}
.menu .mobile .filter {gap: 3.5px 0;}
.menu .mobile .rec {width: 35px;height: 7px; background-color: var(--azul-pri);}

@media(max-width: 1450px){
    .menu .items-link-externos .item a{ font-size: 14.5px;}
}

@media (max-width:1250px){
    .menu .conteudo {justify-content: space-between;}
    .menu .items-site {margin: 0 20px 0 0;}
    .menu .items-link-externos .item a p {display: none;}
    .menu .item.Selecionado {padding: 23px 12px 16px;}
    .menu .logo {margin: 0 20px 0 0;}
}

@media (max-width:1040px){
    .menu .items-link-externos {padding: 0;}
    .menu .conteudo > .logo {margin: 0 10px 0 0;}
    .menu .conteudo {align-items: center;}
    .menu .items-link-externos img {width: 25px; height: 25px; margin: 0 20px 0 0;}
    .menu .items-link-externos .mobile {display: block;}

    .menu .parent-menu {position: absolute; width: 100%; position: fixed; top: 0; right: 100%; z-index: 10; height: 100Vh;}
    .menu .parent-menu .mobile {width: 10%;height: 100%; background-color: rgba(107, 105, 105, 0.281);}
    .menu .parent-menu .mobile .filter{width: 100%;height: 90px; background: var(--branco-seg);place-items: center; place-content: center;}
    .menu .parent-menu .mobile {position: relative;right: 0;}
    
    .menu .parent-menu .mobile .rec {position: absolute}
    .menu .parent-menu .mobile .rec-01 {transform: rotate(45deg);}
    .menu .parent-menu .mobile .rec-02 {transform: rotate(-45deg);}
    .menu .parent-menu .mobile .rec-03 {transform: rotate(45deg);}
    
    .menu .parent-menu .items-site .logo-mobile{ position: static; margin: 0 0 10px;}
    .menu .parent-menu .items-site {width: 90%; height: 100%; background-color: var(--branco-seg);flex-direction: column; margin: 0; gap: 10px 0; padding: 20px 20px 0 10px;}
    .menu .parent-menu .items-site li{width: 100%;}
    .menu .parent-menu .item {border-left: 4px solid var(--azul-seg); width: 100%;}
    .menu .parent-menu .item.Selecionado {border-left: 4px solid var(--azul-ter); border-bottom: 4px solid var(--azul-ter); border-bottom-left-radius: 6px;}
}

@media (max-width:990px){
    .menu .conteudo {padding: 7px 0; gap: 20px;}
}

@media (max-width:480px){
    /* .menu .conteudo > .logo { width: 201px;} */
    .menu .conteudo {padding: 10px 0;}
}