#demonstracoesVitrani { scroll-margin-top: 76px; }
.demo-social { margin: 12px 0 20px; }
.demo-janela { margin: 0 -16px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12px, #000 calc(100% - 12px), transparent); mask-image: linear-gradient(90deg, transparent, #000 12px, #000 calc(100% - 12px), transparent); }
.demo-trilho { display: flex; width: max-content; animation: demo-deslizar 28s linear infinite; }
.demo-grupo { display: flex; flex: none; gap: 12px; padding-right: 12px; }
.demo-cena { position: relative; width: 160px; flex: none; margin: 0; }
.demo-cena img { display: block; width: 160px; height: 160px; object-fit: cover; border: 1px solid rgb(var(--line)); border-radius: 14px; background: #fff; }
.demo-fora-da-tela .demo-trilho, .demo-pagina-oculta .demo-trilho { animation-play-state: paused; }
@media (hover: hover) { .demo-janela:hover .demo-trilho { animation-play-state: paused; } }
@keyframes demo-deslizar { from { transform: translateX(0); } to { transform: translateX(-50%); } }