.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:4;display:none}.header{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100px;display:flex;justify-content:center;align-items:center;transition:.3s all ease}.header.active{background:#0058ab;transition:.3s all ease}.header.active .logo a img{filter:brightness(0) invert(1)}.header .nav{display:flex;height:100%}.header .nav .image{width:100%}.header .nav .logo{height:100%;display:flex;align-items:center}.header .nav .logo a{width:30%}.header .nav .logo a img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.header .nav .links{height:100%;display:flex;justify-content:space-around;align-items:center;gap:15px;list-style:none}.header .nav .links .close-menu{display:none}.header .nav .links .item{font-family:Roboto;font-size:18px;line-height:65px;font-weight:400}.header .nav .links .item .link{color:#fff;text-decoration:none}.header .menu-hamburguer,.header .logo-mobile{display:none}@media (max-width: 1024px){.header{position:fixed;display:flex;height:-moz-fit-content;height:fit-content;justify-content:flex-end;padding:20px 30px 0}.header.active{padding:20px 30px}.header.active .menu-hamburguer{border:1.5px solid #ffffff}.header.openMenu .nav{transform:translate(0);transition:.3s all ease}.header .nav{width:60%;max-width:100%;height:100vh;background-color:#0058ab;position:absolute;right:0;top:0;margin:0;z-index:2;transform:translate(100%);transition:.3s all ease}.header .nav .logo{display:none}.header .nav .links{flex-direction:column;justify-content:center;width:100%}.header .nav .links .close-menu{display:block;cursor:pointer;position:absolute;right:2rem;top:2rem}.header .nav .links .close-menu svg{fill:#fff;height:30px;width:30px}.header .menu-hamburguer{display:flex;padding:12px 15px;align-items:center;border-radius:10px;border:1.5px solid #0058ab;width:-moz-fit-content;width:fit-content;cursor:pointer;margin:0}.header .menu-hamburguer svg{fill:#fff}.header .logo-mobile{display:flex;width:100%}.header .logo-mobile a{width:30%}.header .logo-mobile a img{height:100%;width:50%;-o-object-fit:cover;object-fit:cover;filter:brightness(0) invert(1)}}