/* Site rolando sozinho no topo dos cases (janela de navegador com a página inteira dentro) */
.site-scroll { width: 100%; border-radius: 10px; overflow: hidden; background: #fff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .18), 0 2px 8px rgba(15, 23, 42, .08); }
.site-scroll .ss-bar { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px;
  background: #f3f4f6; border-bottom: 1px solid #e5e7eb; }
.site-scroll .ss-bar i { width: 10px; height: 10px; border-radius: 50%; background: #d1d5db; display: block; }
.site-scroll .ss-bar em { margin: 0 auto; font: 500 11px/1 Inter, system-ui, sans-serif; font-style: normal; color: #6b7280;
  background: #fff; border-radius: 6px; padding: 5px 14px; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-scroll .ss-view { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #f9fafb; }
.site-scroll .ss-view img { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: block; will-change: transform; }
.site-scroll .ss-view img.ss-poster { height: 100%; object-fit: cover; object-position: top; }