/* Vistio Business v1.1.56
   Corrige SOLO la visibilidad del reflejo interior conservando la atenuación de v1.1.55.
   Capas, desde atrás hacia delante: fondo de paneles (0) → reflejo (1) → contenidos (3).
*/
#auth-modal .modal-panel.vb148-auth-shell {
  isolation: isolate;
  overflow: hidden;
}

/* La luz se sitúa POR ENCIMA de las superficies interiores oscuras,
   pero POR DEBAJO de campos, mensajes y contenido visual. */
#auth-modal .modal-panel.vb148-auth-shell::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 100%;
  width: 44%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 25%,
    rgba(223,180,96,.015) 35%,
    rgba(223,180,96,.06) 45%,
    rgba(244,214,152,.10) 52%,
    rgba(223,180,96,.06) 59%,
    rgba(223,180,96,.015) 69%,
    transparent 79%,
    transparent 100%
  );
  opacity: .82; /* exactamente la intensidad de v1.1.55 */
  mix-blend-mode: screen;
  transform: none;
  will-change: left;
  animation: vb156SweepRightToLeft 14s linear infinite;
}

@keyframes vb156SweepRightToLeft {
  from { left: 100%; }
  to   { left: -44%; }
}

/* No permitir que la retícula quede delante de la luz. */
#auth-modal .modal-panel.vb148-auth-shell::after {
  z-index: 0;
  opacity: .10;
}

/* Importantísimo: los paneles son contenedores transparentes SIN su propio
   contexto de apilamiento; de lo contrario esconderían la franja animada. */
#auth-modal .vb148-auth-aside,
#auth-modal .vb148-auth-main {
  position: relative;
  z-index: auto;
  isolation: auto;
  background: transparent;
}

/* Los oscurecimientos de ambas columnas quedan DETRÁS de la luz. */
#auth-modal .vb148-auth-aside::before,
#auth-modal .vb148-auth-main::before {
  z-index: 0;
}

/* Textos, campos y tarjetas del lado izquierdo siempre quedan POR ENCIMA. */
#auth-modal .vb148-auth-aside > *,
#auth-modal .vb148-auth-main > * {
  position: relative;
  z-index: 3;
}

/* La X conserva su prioridad original. */
#auth-modal .modal-close { z-index: 6; }

@media (prefers-reduced-motion: reduce) {
  #auth-modal .modal-panel.vb148-auth-shell::before {
    animation: none;
    left: 29%;
    will-change: auto;
  }
}