/* Abertura do Lastro: capa por cima do painel enquanto o vídeo da extensão toca. */
.abertura {
  position: fixed; inset: 0; z-index: 9999; cursor: pointer; overflow: hidden;
  background: radial-gradient(120% 90% at 30% 25%, #3c2690 0%, #1a1052 55%, #0b0a1a 100%);
  opacity: 1; transition: opacity .45s cubic-bezier(.22, 1, .36, 1);
}
/* No PC o canto de cima à esquerda do vídeo fica fixo (é para lá que a logo voa); no celular em pé, o centro */
.abertura video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 0 0; display: block;
  transition: transform .42s cubic-bezier(.45, 0, .2, 1); will-change: transform; }
@media (orientation: portrait) { .abertura video { object-position: 50% 50%; } }
/* No encaixe o vídeo desliza até a logo real; a borda que sobra fica da cor do fim do vídeo */
.abertura.abertura-encaixe { background: #02001a; }
.abertura-saindo { opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .abertura { display: none; } }