/* Vistio Business v1.1.55 — reflejo interior tenue y continuo detrás de ambos paneles */
#auth-modal .modal-panel.vb148-auth-shell{
  overflow:hidden;
  isolation:isolate;
}

/* Barrido único, más tenue, de derecha a izquierda a través de toda la ventana */
#auth-modal .modal-panel.vb148-auth-shell::before{
  content:"";
  position:absolute;
  inset:-8% -30%;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(
      270deg,
      transparent 0%,
      transparent 38%,
      rgba(223,180,96,.015) 46%,
      rgba(223,180,96,.06) 50%,
      rgba(244,214,152,.10) 53%,
      rgba(223,180,96,.06) 56%,
      rgba(223,180,96,.015) 60%,
      transparent 68%,
      transparent 100%
    );
  transform:translateX(42%);
  animation:vb155SweepRightToLeft 14s linear infinite;
  mix-blend-mode:screen;
  opacity:.82;
}

/* Suaviza la retícula superior para que no compita con el reflejo */
#auth-modal .modal-panel.vb148-auth-shell::after{
  opacity:.10;
}

/* Los dos paneles dejan ver el reflejo por detrás sin perder legibilidad */
#auth-modal .vb148-auth-aside,
#auth-modal .vb148-auth-main{
  position:relative;
  z-index:1;
  background:transparent !important;
}

/* Capas base oscuras translúcidas, una por panel, detrás del contenido */
#auth-modal .vb148-auth-aside::before,
#auth-modal .vb148-auth-main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

#auth-modal .vb148-auth-aside::before{
  background:linear-gradient(180deg, rgba(15,14,14,.88), rgba(8,8,9,.90));
  border-right:1px solid rgba(221,179,95,.10);
}

#auth-modal .vb148-auth-main::before{
  background:linear-gradient(180deg, rgba(11,11,12,.72), rgba(8,8,9,.78));
}

/* Todo el contenido real queda por encima del reflejo */
#auth-modal .vb148-auth-aside > *,
#auth-modal .vb148-auth-main > *{
  position:relative;
  z-index:2;
}

/* Los campos siguen nítidos pero permiten percibir el resplandor por debajo */
#auth-modal #auth-form input,
#auth-modal .icon-toggle,
#auth-modal .password-rules,
#auth-modal #turnstile-spot,
#auth-modal .auth-divider,
#auth-modal #registration-note.smallnote{
  position:relative;
  z-index:2;
}

#auth-modal #auth-form input{
  background:rgba(255,255,255,.024);
  border-color:rgba(221,179,95,.14);
}

#auth-modal #auth-form input:focus{
  background:rgba(255,255,255,.04);
  border-color:rgba(221,179,95,.34);
  box-shadow:0 0 0 4px rgba(221,179,95,.055);
}

#auth-modal .icon-toggle,
#auth-modal .password-rules,
#auth-modal #turnstile-spot{
  background:rgba(255,255,255,.022);
  border-color:rgba(255,255,255,.05);
}

/* Reduce un poco el brillo adicional de las tarjetas decorativas del recuadro izquierdo */
#auth-modal .vb148-preview-card::before{
  opacity:.82;
}

@keyframes vb155SweepRightToLeft{
  0%{transform:translateX(46%)}
  100%{transform:translateX(-46%)}
}

@media (prefers-reduced-motion: reduce){
  #auth-modal .modal-panel.vb148-auth-shell::before{
    animation:none;
    transform:translateX(0);
  }
}