/* Site demo: selo "Ver demonstração" (com brilho passando) e botão "Entrar" (painel) no menu do topo */
.nav-links a.nav-demo { position: relative; overflow: hidden; isolation: isolate; display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px 6px 6px; border-radius: 999px;
  background: linear-gradient(135deg, #B45309, #451A03); color: #fff !important; font-weight: 700; white-space: nowrap; box-shadow: 0 6px 18px rgba(69, 26, 3, .28); transition: transform .2s, box-shadow .2s; }
.nav-links a.nav-demo:hover { color: #fff !important; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(69, 26, 3, .38); }
.nav-links a.nav-demo::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%; z-index: -1; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent); transform: skewX(-20deg); animation: demo-brilho 3.2s ease-in-out infinite; }
@keyframes demo-brilho { 0% { left: -60%; } 55%, 100% { left: 130%; } }
.nav-demo-play { width: 18px; height: 18px; border-radius: 50%; background: rgba(255, 255, 255, .28); position: relative; flex: none; }
.nav-demo-play::before { content: ''; position: absolute; left: 7px; top: 5px; border-left: 6px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.nav-links a.btn-entrar-nav { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: 50px; border: 2px solid var(--accent, #451A03); color: var(--accent, #451A03) !important; font-weight: 700; white-space: nowrap; }
.nav-links a.btn-entrar-nav:hover { background: var(--accent, #451A03); color: #fff !important; }
@media (min-width: 901px) {
  .nav-links { gap: 18px !important; }
  .nav-links a, .nav-container .logo { white-space: nowrap; }
  .nav-links .btn-whatsapp-nav, .nav-links a.btn-entrar-nav { padding: 9px 16px !important; }
}
@media (max-width: 1240px) and (min-width: 901px) { .nav-links { gap: 12px !important; font-size: .88rem; } }
@media (max-width: 900px) {
  .nav-links a.nav-demo { display: inline-flex !important; margin: 12px 0 6px; padding: 8px 16px 8px 8px !important; border-bottom: 0 !important; }
  .nav-links a.btn-entrar-nav { display: flex !important; justify-content: center; margin: 6px 0 4px; padding: 10px 18px !important; border-bottom: 2px solid var(--accent, #451A03) !important; }
}
@media (prefers-reduced-motion: reduce) { .nav-links a.nav-demo::after { animation: none; display: none; } }