header{align-items:center;backdrop-filter:blur(12px);background:hsla(0,0%,91%,.37);border-radius:14px;display:flex;justify-content:space-between;left:50%;max-width:600px;padding:12px 21px;position:fixed;top:30px;transform:translate(-50%);width:40vw;z-index:1000}@media (max-width:850px){header{min-width:220px;top:40px;width:60vw}}.container-nav-header{background-color:#fff;border:1px solid hsla(0,0%,85%,.447);border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:5px;position:absolute;right:50%;top:90px;transform:translate(50%);width:40vw}.container-nav-header a{border-radius:10px;padding:10px 12px;transition:.3s ease}.container-nav-header a:hover{background-color:#f4f4f4}@media (max-width:850px){.container-nav-header{min-width:220px;top:100px;width:60vw}}.fixed-back-blur-header{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.658);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9}.container-nav-header,.fixed-back-blur-header{opacity:0;position:fixed;transition:opacity .4s ease;z-index:-10}.visible{z-index:1000}.show{opacity:1}.principle-wordmark{font-size:20px;letter-spacing:-1.1px;line-height:110%}.logo-principle-os-menu{width:25px}.container-menu{display:flex;gap:12px}.btn-menu{align-items:center;background:#fff;border:1px solid #e3e3e3;border-radius:39px;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:6px 8px}.btn-menu img{opacity:.3;transition:.3s ease;width:14px}.btn-menu:hover img{opacity:1}