/* Apertura V2 (DESIGN.md §Apertura V2 · D22): escenario de 390 × 845 escalado para cubrir la pantalla. Placa de video
   (luz y atmósfera) + logo vectorial vivo encima, con la misma geometría (geometria.js). */
.intro--v2 { background: #050403; }
.v2-escena { position: absolute; left: 50%; top: 50%; width: 390px; height: 845px; transform-origin: 0 0; }
.v2-placa, .v2-fondo { position: absolute; inset: 0; width: 100%; height: 100%; }
.v2-placa { object-fit: cover; transition: opacity .2s linear; }
.v2-placa.oculta { opacity: 0; }
/* Fondo del modo vivo (sin video): viñeta cálida localizada, solo degradés. */
.v2-fondo {
  opacity: 0; transition: opacity .3s linear;
  background:
    radial-gradient(42% 26% at 50% 49%, rgba(110, 58, 18, .45), rgba(60, 30, 9, .18) 55%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(120% 75% at 50% 48%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .8) 100%), #050403;
}
.intro--vivo .v2-fondo { opacity: 1; }
.v2-inicio, .v2-logo, .v2-emblema, .v2-pieza { position: absolute; }
.v2-logo svg, .v2-emblema svg { display: block; width: 100%; height: 100%; overflow: visible; }
.intro--preparando .v2-logo { visibility: hidden; }