/* MP360 · Ayres de Cardales — Transición entre panoramas
 *
 * Port de 07-house-of-epochs/src/app/globals.css (.transition-overlay,
 * .transition-cell). Se conservan geometría, centrado, variables y celdas 1:1.
 * Adaptaciones: color de marca y bloqueo mientras está cubierto.
 *
 * Capa (tanda 3): el overlay es hermano posterior de #mp360-root dentro de
 * .mp360-app (visor z 1 · #mp360-root z 2 · transición z 3). #mp360-root es un
 * contexto de apilamiento propio, así que TODA la interfaz MP360 (navbar,
 * controles, tooltips, paneles, avisos) queda debajo de los cuadrados sin
 * depender de sus z-index internos. .mp360-app es el elemento que se eleva a
 * fullscreen: la cobertura se conserva en pantalla completa.
 */

.mp360-app > .mp360-transicion {
  position: fixed;
  top: 50%;
  left: 50%;
  display: grid;
  grid-template-columns: repeat(
    var(--transition-columns),
    var(--transition-block-size)
  );
  grid-auto-rows: var(--transition-block-size);
  transform: translate(-50%, -50%);
  visibility: hidden;
  pointer-events: none;
  z-index: 3;
}

/* Cubriendo / cargando: nada de lo tapado recibe clics (visor, hotspots ni
   controles; el teclado lo corta el inert de #mp360-root). Se retira al
   empezar a descubrir. */
.mp360-app > .mp360-transicion[data-bloqueo] {
  pointer-events: auto;
}

.mp360-transicion__celda {
  aspect-ratio: 1;
  background-color: var(--brand-primary, #2D5661);
}