header.topo{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--linha);background:color-mix(in srgb,var(--chapa) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:Archivo,system-ui,sans-serif;line-height:1.4}header.topo a{color:inherit}header.topo .wrap{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:20px;min-height:64px}header.topo .marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em;white-space:nowrap;margin-right:auto}header.topo .marca .tag{color:var(--etiqueta)}header.topo .marca svg{flex:none}header.topo nav.menu{display:flex;gap:4px;font-size:15px}header.topo nav.menu a{text-decoration:none;color:var(--tinta-2);padding:8px 12px;border-radius:999px;border:1px solid transparent;white-space:nowrap}header.topo nav.menu a:hover{color:var(--tinta);border-color:var(--linha-forte)}header.topo nav.menu a[aria-current=page]{color:var(--tinta);border-color:var(--etiqueta)}header.topo .acoes{display:flex;align-items:center;gap:10px}header.topo .dia-noite{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--linha-forte);background:var(--papel);color:var(--tinta);cursor:pointer}header.topo .dia-noite:hover{border-color:var(--etiqueta);color:var(--etiqueta)}[data-paleta=claro] header.topo .dia-noite .ic-sol,header.topo .dia-noite .ic-lua{display:none}[data-paleta=claro] header.topo .dia-noite .ic-lua{display:block}header.topo .movimento .ic-tocar,header.topo .movimento[aria-pressed=true] .ic-pausa{display:none}header.topo .movimento[aria-pressed=true] .ic-tocar{display:block}@media (max-width:860px){header.topo .wrap{flex-wrap:wrap;row-gap:0;gap:12px}header.topo nav.menu{order:3;width:calc(100% + 32px);margin:0 -16px;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none}header.topo nav.menu::-webkit-scrollbar{display:none}header.topo nav.menu a{padding:6px 12px;border-color:var(--linha)}}@media (max-width:400px){header.topo .marca{font-size:16px;gap:8px}}@media (max-width:699px){header.topo{background:color-mix(in srgb,var(--chapa) 97%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}