.navbar{padding:0;background-color:var(--navbar-bg);box-shadow:3px 2px 5px var(--navbar-shadow);height:110px;display:flex;align-items:center;z-index:99}.navbar__brand{font-size:1.5rem;font-weight:700}.navbar__brand .logo{width:90px}.navbar__toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;width:30px;height:20px;z-index:100}.navbar__toggle-bar{width:30px;height:3px;background-color:var(--navbar-text-color);transition:transform .3s,opacity .3s}.navbar__toggle--open .navbar__toggle-bar{background-color:var(--navbar-menu-mobile-text-color)}.navbar__toggle--open .navbar__toggle-bar:first-child{transform:translateY(11px) rotate(45deg)}.navbar__toggle--open .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle--open .navbar__toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar__menu{position:static;flex-direction:row;justify-content:flex-end;width:auto;height:auto;background:none;transition:none}.navbar__menu,.navbar__menu ul{display:flex;align-items:center}.navbar__menu ul{gap:50px;list-style:none;padding:0;margin:0}.navbar__menu ul li{margin:0}.navbar__menu ul li a{color:var(--navbar-text-color);text-decoration:none;position:relative}.navbar__menu ul li.active a{color:var(--navbar-text-color-active);text-decoration:none}.navbar__menu ul li a:before{content:"";position:absolute;width:0;height:2px;background-color:var(--color-secundario);bottom:-5px;left:0;width:100%;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.navbar__menu ul li:hover a:before{background-color:var(--color-secundario)}.navbar__menu ul li.active a:before,.navbar__menu ul li:hover a:before{transform-origin:left;transform:scaleX(1);width:100%}@media(min-width:768px){.navbar__menu ul li:nth-child(2){background-color:var(--color-secundario);border-radius:5px;border:2px solid var(--color-secundario)}.navbar__menu ul li:nth-child(2):hover{background-color:transparent;transition:all .2s ease-in-out}.navbar__menu ul li:nth-child(2):hover a:before{width:0;transform:scaleX(0)}.navbar__menu ul li:nth-child(2) a{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:5px 20px}}@media (max-width:767px){.navbar{height:80px;position:fixed;width:100%}.navbar__toggle{display:flex}.navbar__brand .logo{width:70px}.navbar__menu{position:fixed;top:0;left:0;top:80px;width:100vw;height:100dvh;clip-path:inset(0 0 100% 0);background-color:var(--navbar-menu-mobile-bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:start;transition:right .3s ease-in-out;z-index:50;padding-top:60px;padding-left:calc(var(--spacing) * 5);padding-right:calc(var(--spacing) * 5);box-shadow:0 5px 10px var(--navbar-shadow)}.navbar__menu,.navbar__menu--open{transition:clip-path .4s ease-in-out}.navbar__menu--open{clip-path:inset(0 0 0 0)}.navbar__menu ul{flex-direction:column;gap:0;min-width:100%;border-top:2px solid rgba(0,0,0,.05)}.navbar__menu ul li{margin:0;padding:25px 15px;min-width:100%;border-bottom:2px solid rgba(0,0,0,.05)}.navbar__menu ul li a{color:var(--navbar-menu-mobile-text-color)}.navbar__menu ul li.active a{color:var(--navbar-menu-mobile-text-color-active)}}