/* Vistio Business v1.1.50 | Desplazamiento interno de autenticación. */
/* Bloqueo de desplazamiento ligado al estado real del modal: se restaura al cerrar. */
html:has(#auth-modal:not([hidden])),
body:has(#auth-modal:not([hidden])) {
  overflow: hidden !important;
  overscroll-behavior: none;
}

/* La ventana mantiene su posición; únicamente su contenido tiene desplazamiento. */
#auth-modal:not([hidden]) {
  overflow: hidden;
  overscroll-behavior: contain;
}

#auth-modal .modal-panel.vb148-auth-shell {
  max-height: calc(100vh - 56px);
  max-height: calc(100dvh - 56px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #bd9253 rgba(255, 255, 255, .045);
}

/* Chromium, Edge y Safari: barra estrecha, pulida y en los tonos del producto. */
#auth-modal .modal-panel.vb148-auth-shell::-webkit-scrollbar {
  width: 8px;
}
#auth-modal .modal-panel.vb148-auth-shell::-webkit-scrollbar-track {
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
#auth-modal .modal-panel.vb148-auth-shell::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: linear-gradient(180deg, #e3c083, #96703a);
  border: 2px solid #121113;
}
#auth-modal .modal-panel.vb148-auth-shell::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #f0d59b, #b78a49);
}
#auth-modal .modal-panel.vb148-auth-shell::-webkit-scrollbar-corner {
  background: #111012;
}

@media (max-width: 900px) {
  #auth-modal .modal-panel.vb148-auth-shell {
    max-height: calc(100vh - 40px);
    max-height: calc(100dvh - 40px);
  }
}
@media (max-width: 640px) {
  #auth-modal .modal-panel.vb148-auth-shell {
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    scrollbar-gutter: auto;
  }
  #auth-modal .modal-panel.vb148-auth-shell::-webkit-scrollbar { width: 5px; }
}