/* ============================================================
   SHARED/FRAME.CSS — Marco decorativo fijo (las 4 esquinas)
   No pertenece a ninguna seccion de contenido: decora TODA
   la invitacion por encima de todo, siempre visible.
   ============================================================ */
#inv-frame {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100dvh;
  margin-bottom: -100dvh;
  pointer-events: none;
  z-index: 200;
}

.inv-frame-corner {
  position: absolute;
  width: 200px;
  height: 200px;
  object-fit: contain;
  background: transparent;
}

.inv-frame-tl { top: 0;    left: 0;  transform: none;       }
.inv-frame-tr { top: 0;    right: 0; transform: scaleX(-1); }
.inv-frame-bl { bottom: 0; left: 0;  transform: scaleY(-1); }
.inv-frame-br { bottom: 0; right: 0; transform: scale(-1);  }