.snav{position:sticky;top:0;z-index:50;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);
  background:rgba(5,7,15,.78);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);
  border-bottom:1px solid rgba(212,175,106,.18)}
.snav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(236,210,154,.55) 50%,transparent)}
.snav-in{max-width:1180px;height:56px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:24px}
.snav-logo{display:block;flex:none;line-height:0;transition:filter .3s}
.snav-logo img{height:30px;width:auto}
.snav-logo:hover{filter:drop-shadow(0 0 10px rgba(225,230,240,.55))}
.snav-links{display:flex;flex:1;justify-content:flex-end;gap:6px;align-items:center;list-style:none;padding:0;margin:0}
.snav-links a{position:relative;display:block;text-decoration:none;padding:8px 12px;animation:navin .8s cubic-bezier(.28,.11,.32,1) both;
  font-family:"Cinzel Decorative","Cinzel",Georgia,serif;font-size:13px;font-weight:700;letter-spacing:.06em;color:rgba(243,238,226,.82);transition:color .25s}
.snav-links a:not(.snav-cta)::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,#ecd29a,transparent);transform:scaleX(0);transition:transform .35s cubic-bezier(.28,.11,.32,1)}
.snav-links a:hover{color:#ecd29a;text-decoration:none}
.snav-links a:hover::after,.snav-links a[aria-current="page"]::after{transform:scaleX(1)}
.snav-links a[aria-current="page"]{color:#ecd29a}
.snav-links a.snav-cta{margin-left:10px;color:#1a1206;background:linear-gradient(180deg,#f0d69c,#c9a056);border:1px solid #e3c582;padding:7px 16px;border-radius:980px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 16px rgba(212,175,106,.2)}
.snav-links a.snav-cta:hover{color:#1a1206;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 22px rgba(212,175,106,.4)}
.snav-links a:focus-visible,.snav-toggle:focus-visible{outline:2px solid #ecd29a;outline-offset:3px;border-radius:6px}
.snav-toggle{display:none;margin-left:auto;background:none;border:1px solid rgba(212,175,106,.35);border-radius:10px;color:#ecd29a;width:42px;height:38px;font-size:17px;cursor:pointer}
@media (max-width:900px){
  .snav-toggle{display:block}
  .snav-links{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - 56px);overflow-y:auto;
    padding:10px 28px 30px;background:#05070f;border-bottom:1px solid rgba(212,175,106,.25)}
  .snav:not(.aberta) .snav-links{display:none}
  .snav-links li + li{border-top:1px solid rgba(212,175,106,.12)}
  .snav-links a{font-size:19px;letter-spacing:.06em;padding:15px 2px;color:#f3eee2;animation-duration:.35s}
  .snav-links a:not(.snav-cta)::after{display:none}
  .snav-links li:last-child{border-top:0}
  .snav-links a.snav-cta{margin:18px 0 0;text-align:center;font-size:16px;padding:13px}
}

@keyframes navin{from{opacity:0;transform:translateY(-4px)}}
.snav-links li:nth-child(2) a{animation-delay:.05s}.snav-links li:nth-child(3) a{animation-delay:.1s}.snav-links li:nth-child(4) a{animation-delay:.15s}.snav-links li:nth-child(5) a{animation-delay:.2s}.snav-links li:nth-child(6) a{animation-delay:.25s}.snav-links li:nth-child(7) a{animation-delay:.3s}

/* Logo com ciclo de cores (montado por /assets/js/nav.js) */
.logo-ciclo{position:relative;display:inline-block;line-height:0;vertical-align:middle}
.logo-ciclo > img{opacity:0;transition:opacity 2.5s ease-in-out}
.logo-ciclo > img.on{opacity:1}
.logo-ciclo > img.camada{position:absolute;top:0;left:0;width:100%;height:100%}