.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;padding:.5rem 5%;z-index:800;background-color:rgba(0,0,0,.8)}.navbar-home{background-color:rgba(0,0,0,.2)}.social-links-desktop{display:none}.hamburger{width:30px;height:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;z-index:1100}.bar{height:4px;width:100%;background-color:white;border-radius:4px;transition:all .3s ease;transform-origin:center}.hamburger.open .bar:first-child{transform:rotate(45deg) translate(7.5px,7.5px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-list{display:none}.navbar-title{color:white;font-size:2.5rem;font-family:var(--font-alumni-sans-pinstripe)}.social-links{display:flex;gap:.5rem}.social-links a{color:white;transition:color .3s ease;cursor:pointer}.social-links a[aria-label=Instagram]:hover{color:#e1306c;scale:1.1}.social-links a[aria-label=Facebook]:hover{color:#1877f2;scale:1.1}.social-links a[aria-label=WhatsApp]:hover{color:#25D366;scale:1.1}.mobile-menu{position:fixed;top:0;right:0;height:100vh;width:80%;max-width:320px;background-color:rgba(0,0,0,.5);transform:translateX(100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease-in-out;z-index:1000;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:var(--font-roboto)}.mobile-menu.open{transform:translateX(0);padding:1.6rem}.mobile-menu ul{list-style:none;padding:0;margin:0;text-align:left}.mobile-menu li{margin:1.5rem 0}.mobile-link{color:white;font-size:1.2rem;font-weight:600;text-decoration:none}.mobile-link.active{color:palevioletred}.mobile-menu .social-links{display:flex;gap:1.5rem;justify-content:flex-start;margin-top:0}@media (min-width:900px){.hamburger,.mobile-menu{display:none}.nav-list{list-style:none;display:flex;gap:2rem;margin-top:1rem;padding:0}.nav-link{position:relative;color:white;font-weight:700;text-decoration:none;padding:.4rem 0;transition:color .3s ease,font-size .3s ease;font-size:clamp(1rem,1.2vw,1.1rem);font-family:var(--font-roboto)}.nav-link.active,.nav-link:hover{color:palevioletred}.navbar-title{font-size:4rem}.social-links{gap:1rem}.social-links-desktop{display:block}}