/* Orden Ingreso operativo (21-oct-2026) · el fondo de la puerta (PIN e Inicio), prefijo fi-.
   Foto de la casa con su velo, o el fondo FLUX negro y dorado: fijo, o con su movimiento
   aprobado en un video mudo. Todo detrás del contenido y sin recibir toques. */
.fi-fondo { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: #07080b; }
.fi-foto { position: absolute; inset: 0; background-position: center; background-size: cover; background-repeat: no-repeat; }
.fi-velo { position: absolute; inset: 0; background: #101418; }
.fi-fijo, .fi-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
/* El video aparece solo cuando de verdad corre: si falla o no arranca, queda la imagen fija debajo. */
.fi-video { opacity: 0; transition: opacity .6s ease; }
.fi-video.fi-corre { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .fi-video { display: none; } }

/* R-21: pausar el movimiento sin salir. Discreto, abajo al centro, 44 px al dedo. */
.fi-pausa {
    position: fixed; z-index: 3; left: 50%; bottom: max(8px, env(safe-area-inset-bottom)); transform: translateX(-50%);
    display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 999px;
    border: 1px solid rgb(225 193 121 / .35); background: rgb(10 11 14 / .55); color: #e1c179;
    font: 500 .78rem/1 var(--familia-ui, "Archivo", system-ui, sans-serif); cursor: pointer;
}
.fi-pausa svg { width: 14px; height: 14px; }
.fi-pausa:focus-visible { outline: 3px solid #e1c179; outline-offset: 2px; }

/* Roles y permisos V2 · R-09/R-11: el mismo fondo dentro de la vista previa de /Accesos/PantallaPin,
   contenido en su marco en vez de cubrir la ventana. */
.fi-fondo--previa { position: absolute; z-index: 0; border-radius: inherit; }