/* Suaviza el re-render de vistas */
.main {
    will-change: opacity;
    transition: opacity 120ms ease-out;
  }
  html.route-changing .main {
    opacity: .12;
  }
  
  /* Evita “pantallazo blanco” si el main queda vacío 1 instante */
  .main {
    background: #fff; /* ajusta al color de tu tema si usas otro */
  }
  
  /* Reduce motion: accesibilidad */
  @media (prefers-reduced-motion: reduce) {
    .main {
      transition: none !important;
    }
    html.route-changing .main {
      opacity: 1;
    }
  }