/* ============================================================
   splash.css — Vinheta de abertura (antes da capa)
   Reconstrução do Figma "Splash" (Smart Animate 485:776 … 488:968).
   O overlay vive dentro de #book-page-frame → herda o --scale e o
   clip arredondado. Transições/duração/easing são aplicadas INLINE
   por fase em splash.js (cada transição do protótipo tem seu timing).
   ============================================================ */

#splash{
  position:absolute;inset:0;z-index:9999;
  background:#6A0584;                 /* fill do frame Splash no Figma */
  overflow:hidden;cursor:pointer;
}
#splash.sp-out{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}

/* Blocos coloridos = segmentos do selo (Vídeo/Jogo/História/Livro Digital). */
.sp-block{position:absolute;border-radius:5px;transform-origin:center center}

/* Selo TRANSMÍDIA: entra grande e dá zoom-out com impacto. */
.sp-selo{position:absolute;object-fit:contain;transform-origin:center center}

/* Texto EXCLUSIVIDADE (Nunito 700 / 18px, branco, centralizado). */
.sp-excl{
  position:absolute;color:#fff;
  font-family:var(--font-base,'Nunito',sans-serif);
  font-weight:700;font-size:18px;line-height:19.8px;
  text-align:center;letter-spacing:.5px;white-space:nowrap;
}

/* Logo Turminha Pimpompem. */
.sp-logo{position:absolute;object-fit:contain;transform-origin:center center}