/* =========================
HEADER LGA
========================= */

.header{
position:fixed;
top:0;
left:0;
width:100%;
background:rgba(0,0,0,0.55);
backdrop-filter:blur(8px);
z-index:999;
}

.header-container{
max-width:1200px;
margin:auto;
padding:20px;
display:flex;
align-items:center;
justify-content:space-between;
}

.logo{
height:40px;
}

.nav{
display:flex;
gap:35px;
}

.nav a{
color:#fff;
font-size:13px;
letter-spacing:1px;
text-decoration:none;
font-family:'Montserrat';
}

.hamburger{
display:none;
cursor:pointer;
z-index:10000;
}

.hamburger svg{
width:30px;
height:30px;
stroke:#fff;
}

/* =========================
TABLET + MOBILE
========================= */

@media(max-width:1024px){

.hamburger{
display:block;
}

.nav{
position:absolute;
top:100%;
left:0;
width:100%;
background:#2c241f;
flex-direction:column;
max-height:0;
overflow:hidden;
transition:0.4s;
}

.nav.active{
max-height:400px;
}

.nav a{
padding:18px 20px;
border-bottom:1px solid rgba(255,255,255,0.08);
}

}