/* ==========================================================================
   Checar Inmobiliaria - Transición Sutil de Páginas (Fade Transitions)
   ========================================================================== */

/* Respeto a usuarios con preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  body {
    animation: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  /* 1. Transición nativa Cross-Document (Chrome 126+, Safari 18.2+) */
  @view-transition {
    navigation: auto;
  }

  ::view-transition-old(root) {
    animation: 400ms cubic-bezier(0.4, 0, 0.2, 1) both pageFadeOut;
  }

  ::view-transition-new(root) {
    animation: 450ms cubic-bezier(0.4, 0, 0.2, 1) both pageFadeIn;
  }

  /* 2. Animación sutil de entrada (Fade-in más pausado) */
  body {
    animation: pageFadeIn 0.45s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

  /* 3. Animación sutil de salida (Fade-out más pausado al hacer clic en otra ruta) */
  body.page-is-exiting {
    opacity: 0 !important;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: none;
  }

  @keyframes pageFadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes pageFadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
}