/* ═══════════════════════════════════════════════════════
   TRANSITIONS — Clip-path wipe entre pages
   ═══════════════════════════════════════════════════════ */

#page-transition {
  position: fixed; inset:0; z-index: 500;
  background: var(--bg);
  pointer-events: none;
  /* Starts hidden off-screen (right side) */
  clip-path: inset(0 0 0 100%);
}

/* Wipe IN: overlay slides in from right → covers screen (exit) */
#page-transition.wipe-in {
  pointer-events: all;
  animation: wipe-in .5s cubic-bezier(.76,0,.24,1) forwards;
}
@keyframes wipe-in {
  from { clip-path: inset(0 0 0 100%) }
  to   { clip-path: inset(0 0 0 0%) }
}

/* Wipe OUT: overlay slides out to right → reveals page (entry) */
#page-transition.wipe-out {
  clip-path: inset(0 0 0 0%);
  animation: wipe-out .6s cubic-bezier(.76,0,.24,1) .05s forwards;
}
@keyframes wipe-out {
  from { clip-path: inset(0 0 0 0%) }
  to   { clip-path: inset(0 100% 0 0) }
}