/*
 * Estilos compartidos de las réplicas animadas (ver ADR 0010 y ADR 0012).
 * `data-rm`: estado final que se fuerza con movimiento reducido (sin JS):
 *   show → visible · hide → oculto. Cuando la escena se monta (`data-live`), deja de forzarse.
 *
 * La réplica va en una hoja de papel (v8; ronda 9 sin barra de vídeo ni botón): marco de tinta y sombra dura en
 * Kraft. Se reproduce sola al entrar en pantalla (`HeroStage`).
 */
.hero-stage {
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .hero-stage:not([data-live]) [data-rm="show"] {
    opacity: 1 !important;
  }
  .hero-stage:not([data-live]) [data-rm="hide"] {
    opacity: 0 !important;
  }
}

.replica-paper {
  isolation: isolate;
  overflow: hidden;
  border: 1.5px solid var(--ink);
  border-radius: 3px;
  background: var(--card);
  /* Papel recortado: sombra dura en Kraft, sin desenfoque (ADR 0034). */
  box-shadow: 6px 6px 0 0 var(--kraft);
}
.replica-screen {
  position: relative;
  overflow: hidden;
}
.replica-paper .rp-shell {
  max-width: none;
  border-radius: 0;
  box-shadow: none;
}