/* ENCUADRE DE FOTOS Y VIDEOS (las tres plantillas y la puerta del login).
   Una caja [data-encuadre] con su archivo [data-encuadre-archivo]:
   · normal: el archivo LLENA la caja (se recorta por donde eligió el dueño: object-position);
   · .encuadre--completa: se ve ENTERO y lo que sobra lo llena él mismo, difuminado
     (foto: la misma imagen; video: un lienzo pequeño que copia sus cuadros). */
/* Cada caja es su propia capa: el archivo (z-index 1) nunca se pone encima de textos o botones de afuera. */
[data-encuadre] { isolation: isolate; }
.encuadre__fondo { position: absolute; inset: -6%; width: 112%; height: 112%; z-index: 0; display: none; pointer-events: none;
  background: var(--fondo-img, #111) center / cover no-repeat; filter: blur(26px) brightness(.5) saturate(1.15); }
.encuadre--completa > .encuadre__fondo { display: block; }
.encuadre--completa [data-encuadre-archivo] { object-fit: contain !important; object-position: 50% 50% !important; z-index: 1; }