.site-header{position:sticky;top:0;z-index:50;background:rgba(5,14,34,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0}
.brand img{height:54px;width:auto;background:#fff;border-radius:10px;padding:4px 8px}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav a:not(.btn){color:var(--mist);text-decoration:none;font-weight:600;font-size:.97rem;padding:.3rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav a:not(.btn):hover,.nav a[aria-current]{color:var(--white);border-color:var(--gold)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:46px;height:46px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger span{width:22px;height:2px;background:var(--gold)}
@media (max-width:900px){.burger{display:flex}
.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--n950);border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1.25rem;display:none}
.nav-open .nav{display:flex}.nav a:not(.btn){padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.nav .btn{margin-top:1rem}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.6rem;border-radius:999px;font:600 1rem var(--head);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s;min-height:48px}
.btn-sm{padding:.55rem 1.2rem;min-height:44px;font-size:.92rem}
.btn-gold{background:var(--gold);color:var(--n950)}.btn-gold:hover{background:var(--gold2);transform:translateY(-2px)}
.btn-ghost{border-color:var(--gold);color:var(--gold2);background:transparent}.btn-ghost:hover{background:rgba(207,176,78,.12);transform:translateY(-2px)}
.btn-wa{background:#fff;color:var(--n900)}.btn-wa:hover{background:var(--mist);transform:translateY(-2px)}
.btn svg{width:20px;height:20px}
.ico{width:28px;height:28px;color:var(--gold)}
.tag{display:inline-block;font:600 .78rem var(--body);padding:.2rem .65rem;border-radius:999px;border:1px solid var(--line);color:var(--gold2)}
.tag.dev{background:var(--gold);color:var(--n950);border-color:var(--gold);letter-spacing:.04em}
.cat{display:flex;flex-direction:column;gap:.35rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,var(--n800),var(--n900));text-decoration:none;color:var(--white);transition:border-color .2s,transform .2s}
.cat:hover{border-color:var(--gold);transform:translateY(-3px)}
.cat h3{margin:.4rem 0 0}.cat p{color:var(--mist);font-size:.97rem;margin:0}.cat .count{margin-top:auto;padding-top:.6rem;color:var(--gold2);font-weight:600;font-size:.9rem}
.site-footer{background:var(--n900);border-top:1px solid var(--line);padding-top:3rem;margin-top:0}
.fgrid{display:grid;gap:2rem;grid-template-columns:1.2fr 1fr 1.2fr 1.3fr}
.fgrid h2{font-size:1rem;color:var(--gold);margin-bottom:.8rem}
.fgrid ul{list-style:none;margin:0;padding:0}.fgrid li{margin:.35rem 0}.fgrid a{color:var(--mist);text-decoration:none}.fgrid a:hover{color:var(--white);text-decoration:underline}
.flogo{height:64px;width:auto;background:#fff;border-radius:10px;padding:4px 8px}.motto{color:var(--gold2);font-family:var(--head);margin-top:1rem}
.legal{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem;padding:1.2rem 0;color:var(--mist)}
@media (max-width:820px){.fgrid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.fgrid{grid-template-columns:1fr}}
.fab{position:fixed;right:1rem;bottom:1rem;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--n950);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .2s}
.fab:hover{transform:scale(1.07)}.fab svg{width:28px;height:28px}
.nav a.btn{color:var(--n950)}
.legal{padding-bottom:5rem}
@media (max-width:700px){.hero-media::after{background:rgba(5,14,34,.84)}.hero{min-height:auto}}