/* =============================================================================
   STINT · Apresentação Comercial — ACESSO AO STINTHUB DEMO NOS SLIDES DE ENTREGA
   Botão discreto no canto superior direito (abaixo do logo), dentro do slide:
   escala junto com ele e aparece também na tela cheia, sem cobrir o conteúdo.
   ============================================================================= */
.slide .demo-acesso { position: absolute; right: 43.7px; top: 66px; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; z-index: 6; }
.slide .demo-btn { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 11px 0 10px; border-radius: 14px; cursor: pointer;
  font: 600 11.4px/1 var(--sans); letter-spacing: .01em; color: #1f4a04; white-space: nowrap;
  background: rgba(255, 255, 255, .62); border: 1px solid rgba(18, 177, 95, .38);
  box-shadow: 0 6px 16px -10px rgba(20, 60, 15, .45); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  opacity: .82; transition: opacity .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease; }
.slide .demo-btn:hover, .slide .demo-btn:focus-visible { opacity: 1; background: rgba(214, 245, 186, .9); border-color: rgba(18, 177, 95, .75); transform: translateY(-1px); outline: none; }
.slide .demo-btn svg { width: 13px; height: 13px; fill: none; stroke: #12a957; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.slide .demo-btn.sec { height: 24px; padding: 0 10px; font-size: 10.6px; font-weight: 500; color: #3f5a2c; opacity: .72; }
.slide.dark .demo-btn { color: #d9f7bf; background: rgba(20, 30, 16, .6); border-color: rgba(119, 228, 13, .4); }
/* comparação com o PowerPoint: sem o botão */
.captura .slide .demo-acesso { display: none; }
/* enquanto a demo está aberta, a apresentação fica parada por baixo */
body.demo-aberta .nav-lateral, body.demo-aberta .aviso { display: none; }