header{position:fixed;top:16px;width:100%;z-index:50}header .nav{margin:0 16px}header .nav hr{display:none}header .nav .container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);border-radius:12px;padding:16px;position:relative}header .nav--open .nav-menu{gap:16px}header .nav--open hr{border:1px solid var(--neutral-800);display:block;margin:0}header .nav--open ul{max-height:unset!important;visibility:visible!important}header .nav--open ul:before{color:var(--neutral-0);content:"";height:1px;width:100%}header .nav--open button span:nth-child(2){opacity:0}header .nav--open button span:first-child{transform:translateY(11px) rotate(45deg) scale(1.3)}header .nav--open button span:last-child{transform:translateY(-11px) rotate(-45deg) scale(1.3)}header .nav .nav-menu{display:flex;flex-direction:column;position:relative}header .nav .nav-menu .menu-burguer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;width:100%}header .nav .nav-menu .menu-burguer.menu-personalizado{justify-content:space-between}header .nav .nav-menu .logo{display:flex;max-width:182px;width:100%}header .nav .nav-menu .logo img{width:100%}header .nav .nav-menu button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;padding:0}header .nav .nav-menu button span{background-color:var(--neutral-0);border-radius:1.5px;display:block;height:3px;transition:all .3s ease-in-out;width:25px}header .nav .nav-menu ul{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .2s ease-out;visibility:hidden}header .nav .nav-menu ul li a{justify-content:center;width:100%}header .nav .nav-menu ul li a.btn{font-weight:700}header .nav .nav-menu ul li a:not(.btn){color:var(--title-color)}header .nav .nav-menu ul li a:not(.btn):focus-visible:before,header .nav .nav-menu ul li a:not(.btn):hover:before{background:linear-gradient(334deg,#d64ade,#d7cbff,#3585fa)}header .nav .nav-menu ul li a:not(.btn):not(:before){transition:.3s ease}@media(min-width:80em){header{top:48px}header .nav .nav-menu{align-items:center;flex-direction:row;gap:32px}header .nav .nav-menu .logo{max-width:240px}header .nav .nav-menu .menu-burguer{justify-content:space-between;width:100%}header .nav .nav-menu .menu-burguer button{display:none}header .nav .nav-menu .menu-burguer.menu-personalizado{width:-moz-fit-content;width:fit-content}header .nav .nav-menu ul{align-items:center;flex-direction:row;gap:32px;justify-content:flex-end;max-height:unset;overflow:unset;visibility:visible;width:100%}}