/* Sistema ON: guias visíveis sem depender de cadastros publicados. */
.on-public-nav{box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;width:min(1240px,94vw);margin:12px auto 18px;padding:13px 16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(10,18,36,.88);color:#fff;position:relative;z-index:3}
.on-public-nav-title{flex:0 0 auto;font-size:.85rem;font-weight:800;color:rgba(255,255,255,.88)}
.on-public-nav-links{display:flex;flex:1 1 0;min-width:0;flex-wrap:wrap;gap:7px}
.on-public-nav-links a{display:inline-flex;align-items:center;text-decoration:none;font-size:.86rem;line-height:1.25;font-weight:700;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:9px 12px;border-radius:999px;transition:background .15s ease}
.on-public-nav-links a:hover,.on-public-nav-links a:focus-visible{background:rgba(255,255,255,.23);outline-offset:3px}
.pwa-shell>.on-public-nav{width:100%;margin:0 0 20px}
@media(max-width:720px){.on-public-nav{width:94vw;align-items:flex-start;flex-direction:column;gap:9px}.on-public-nav-links{width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 0 7px;scrollbar-width:thin}.on-public-nav-links a{flex:0 0 auto}.pwa-shell>.on-public-nav{width:100%}}

/* Botões tocáveis e regulares em telas menores. */
.on-public-nav-links a{min-height:44px;box-sizing:border-box;justify-content:center;font-size:clamp(.91rem,1.3vw,1rem);padding:11px 15px}
@media(max-width:720px){.on-public-nav-links a{min-height:46px;font-size:.96rem;padding:12px 15px}}