/* Vistio Business v1.1.51 — reflejos dorados en Registro e Inicio de Sesión.
   Todos los selectores están limitados al modal de autenticación. */
#auth-modal .modal-backdrop {
  background:
    radial-gradient(ellipse 45% 45% at 18% 30%, rgba(234, 180, 81, .21), transparent 86%),
    radial-gradient(ellipse 48% 46% at 86% 76%, rgba(215, 155, 55, .15), transparent 86%),
    rgba(5,5,6,.79);
}
#auth-modal .modal-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 42% 58% at 22% 52%, rgba(243,198,112,.31), transparent 76%),
    radial-gradient(ellipse 50% 56% at 82% 42%, rgba(198,140,51,.22), transparent 77%);
  background-size: 135% 145%, 150% 145%;
  background-position: 5% 35%, 100% 60%;
  animation: vb151GoldBackdrop 13s ease-in-out infinite alternate;
  will-change: background-position;
}
#auth-modal .modal-panel.vb148-auth-shell {
  background:
    radial-gradient(ellipse 60% 65% at 18% 22%, rgba(221,166,69,.13), transparent 85%),
    radial-gradient(ellipse 58% 70% at 85% 90%, rgba(209,157,67,.10), transparent 86%),
    linear-gradient(180deg,rgba(12,11,12,.985),rgba(8,8,9,.99));
  box-shadow: 0 34px 100px rgba(0,0,0,.48), 0 0 72px rgba(193,133,43,.13);
}
#auth-modal .modal-panel.vb148-auth-shell::before {
  background: linear-gradient(90deg,
    transparent 0%, rgba(243,194,99,.20) 18%, rgba(244,211,144,.28) 25%,
    rgba(212,155,59,.09) 32%, transparent 47%);
  animation-duration: 13s;
}
#auth-modal .vb148-auth-aside {
  background:
    radial-gradient(ellipse 70% 54% at 18% 34%, rgba(247,197,101,.23), transparent 83%),
    radial-gradient(ellipse 66% 62% at 88% 82%, rgba(196,140,51,.13), transparent 85%),
    linear-gradient(180deg,rgba(20,16,10,.90),rgba(11,10,11,.96));
  background-size: 155% 140%, 155% 155%, 100% 100%;
  background-position: 20% 30%, 80% 65%, center;
  animation: vb151GoldAside 14s ease-in-out infinite alternate;
}
#auth-modal .vb148-auth-main {
  background:
    radial-gradient(ellipse 70% 50% at 100% 10%, rgba(235,180,83,.12), transparent 88%),
    radial-gradient(ellipse 68% 66% at 8% 96%, rgba(217,164,71,.11), transparent 88%);
  background-size: 145% 145%, 150% 150%;
  background-position: 85% 10%, 4% 90%;
  animation: vb151GoldForm 15s ease-in-out infinite alternate;
}
@keyframes vb151GoldBackdrop {
  from { background-position: 0% 28%, 100% 80%; }
  to   { background-position: 95% 58%, 10% 18%; }
}
@keyframes vb151GoldAside {
  from { background-position: 8% 28%, 90% 75%, center; }
  to   { background-position: 95% 62%, 12% 28%, center; }
}
@keyframes vb151GoldForm {
  from { background-position: 100% 12%, 0% 98%; }
  to   { background-position: 9% 56%, 95% 12%; }
}
@media (prefers-reduced-motion: reduce) {
  #auth-modal .modal-backdrop::after,
  #auth-modal .vb148-auth-aside,
  #auth-modal .vb148-auth-main,
  #auth-modal .modal-panel.vb148-auth-shell::before {
    animation: none !important;
    will-change: auto;
  }
}
