/* ============================================================
   X8 LABS — Cartão "Em breve" (substitui o vídeo de preview das soluções)
   Injetado pelo boot-shim sobre o player. Segue os tokens --via-*.
   ============================================================ */
.x8-embreve {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%;
  border-radius: inherit; overflow: hidden;
  background:
    radial-gradient(58% 130% at 88% -25%, rgba(72, 124, 196, .30), transparent 60%),
    radial-gradient(46% 110% at -8% 118%, rgba(30, 58, 95, .55), transparent 62%),
    linear-gradient(148deg, #0D2445 0%, var(--via-navy, #0A1F3B) 46%, #02162A 100%);
  color: #fff;
  user-select: none;
}
.x8-embreve__in {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px; text-align: center; padding: 20px;
}
.x8-embreve__ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; margin-bottom: 6px; border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
}
.x8-embreve__ico svg { width: 26px; height: 26px; }
.x8-embreve__t {
  font-family: var(--via-font, sans-serif);
  font-size: clamp(18px, 2vw, 22px); font-weight: 560; letter-spacing: -.02em;
  color: #fff;
}
.x8-embreve__s {
  font-family: var(--via-font-mono, monospace);
  font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}

/* respeita quem prefere menos movimento — nada anima aqui, mas fica documentado */
@media (prefers-reduced-motion: reduce) { .x8-embreve { transition: none; } }