/* ==========================================================================
   APERTURAS.CSS — Transición Mundo 1 → Mundo 2   (v18.74)
   Apertura «Cinematográfica». Las aperturas animadas viejas se eliminaron.
   ========================================================================== */

#apertura-cine{
  position:fixed;inset:0;z-index:200;pointer-events:none;
  visibility:hidden;
  --ac-fondo:#0A0608; --ac-luz:#C9A84C;
  --ac-cubre:.72s; --ac-abre:1s;
  --ac-curva:cubic-bezier(.65,0,.35,1);
}
#apertura-cine.ac-activa{visibility:visible;pointer-events:all}

/* Velo con el color de fondo de la invitación */
#apertura-cine .ac-velo{
  position:absolute;inset:0;background:var(--ac-fondo);opacity:0;
  transition:opacity var(--ac-cubre) var(--ac-curva);
}
/* Luz suave del color de acento, centrada */
#apertura-cine .ac-luz{
  position:absolute;left:50%;top:50%;width:140vmax;height:140vmax;
  transform:translate(-50%,-50%) scale(.35);opacity:0;
  background:radial-gradient(circle, color-mix(in srgb, var(--ac-luz) 32%, transparent) 0%, transparent 55%);
  transition:opacity var(--ac-cubre) ease, transform var(--ac-abre) var(--ac-curva);
}
/* Franjas de cine */
#apertura-cine .ac-franja{
  position:absolute;left:0;right:0;height:9vh;background:#000;
  transition:transform var(--ac-cubre) var(--ac-curva);
}
#apertura-cine .ac-arriba{top:0;transform:translateY(-100%)}
#apertura-cine .ac-abajo{bottom:0;transform:translateY(100%)}

/* Fase 1: cubrir */
#apertura-cine.ac-cubre .ac-velo{opacity:1}
#apertura-cine.ac-cubre .ac-luz{opacity:1;transform:translate(-50%,-50%) scale(.6)}
#apertura-cine.ac-cubre .ac-franja{transform:translateY(0)}

/* Fase 2: abrir sobre M2 */
#apertura-cine.ac-abre .ac-velo{opacity:0;transition:opacity var(--ac-abre) var(--ac-curva)}
#apertura-cine.ac-abre .ac-luz{opacity:0;transform:translate(-50%,-50%) scale(1.15);
  transition:opacity var(--ac-abre) ease, transform var(--ac-abre) var(--ac-curva)}
#apertura-cine.ac-abre .ac-franja{transition:transform var(--ac-abre) var(--ac-curva) .1s}
#apertura-cine.ac-abre .ac-arriba{transform:translateY(-100%)}
#apertura-cine.ac-abre .ac-abajo{transform:translateY(100%)}

/* M1 se aleja y se desenfoca mientras entra el velo */
#welcome-screen.cine-saliendo{
  transition:transform .9s var(--ease-smooth, cubic-bezier(.65,0,.35,1)), filter .7s ease, opacity .7s ease .1s !important;
  transform:scale(1.06);filter:blur(6px);opacity:.25;
}

/* Equipos lentos: sin desenfoque ni luz (lo más costoso) */
#apertura-cine.ac-liviana .ac-luz{display:none}
#welcome-screen.cine-saliendo.cine-liviana{filter:none}

/* Movimiento reducido: solo un fundido corto */
#apertura-cine.ac-simple{--ac-cubre:.32s;--ac-abre:.36s}
#apertura-cine.ac-simple .ac-luz,
#apertura-cine.ac-simple .ac-franja{display:none}