/**
 * Capa visual opcional sobre loginMain.css
 * Enfoque: tipografía, foco accesible y acentos estáticos (sin animaciones de fondo ni blur en el flip 3D)
 */

/* Tema ologgi por defecto: fondo en degradado (sustituye el #444 plano de loginMain) */
.login-html.ologgilogin,
#login-htm.ologgilogin {
  background:
    radial-gradient(ellipse 110% 65% at 50% -18%, rgba(243, 143, 50, 0.16) 0%, transparent 50%),
    linear-gradient(
      168deg,
      #525252 0%,
      #474747 22%,
      #3e3e3e 48%,
      #383838 72%,
      #303030 100%
    ) !important;
}

.login-form .group {
  transition: box-shadow 0.2s ease;
}

/* Barra lateral al foco sin cambiar el ancho del bloque (inset) */
.login-form .group:focus-within {
  box-shadow: inset 3px 0 0 rgba(243, 143, 50, 0.88);
}

.login-form .group .label {
  letter-spacing: 0.04em;
  font-weight: 600;
}

.login-form .button-group .button,
.login-form .button-group .button365 {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: box-shadow 0.2s ease, filter 0.2s ease, transform 0.15s ease;
}

.login-form .button-group .button:focus-visible,
.login-form .button-group .button365:focus-visible {
  outline: 2px solid rgba(243, 143, 50, 0.75);
  outline-offset: 3px;
}

.login-form .button-group .button:active,
.login-form .button-group .button365:active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

@media (prefers-reduced-motion: reduce) {
  .login-form .group,
  .login-form .button-group .button,
  .login-form .button-group .button365 {
    transition: none;
  }
  .login-form .button-group .button:active,
  .login-form .button-group .button365:active {
    transform: none;
  }
}

.foot-lnk a.tab,
.foot-lnk label.tab {
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.28);
  text-underline-offset: 5px;
  transition: text-decoration-color 0.2s ease, color 0.2s ease;
}

.foot-lnk a.tab:hover,
.foot-lnk label.tab:hover {
  text-decoration-color: #f38f32;
  color: #fff;
}

.login-html.greenwhite .foot-lnk a.tab,
.login-html.greenwhite .foot-lnk label.tab,
.login-html.bluewhite .foot-lnk a.tab,
.login-html.bluewhite .foot-lnk label.tab {
  text-decoration-color: rgba(0, 0, 0, 0.22);
}

.login-html.greenwhite .foot-lnk a.tab:hover,
.login-html.greenwhite .foot-lnk label.tab:hover,
.login-html.bluewhite .foot-lnk a.tab:hover,
.login-html.bluewhite .foot-lnk label.tab:hover {
  color: #c55a0a;
  text-decoration-color: #f38f32;
}

.login-logo img,
.eol-rnlogin__logo {
  filter: drop-shadow(0 5px 14px rgba(0, 0, 0, 0.28));
}

/* Viñeta estática muy suave solo en la zona del formulario */
.login-form {
  background-image: linear-gradient(
    125deg,
    rgba(255, 255, 255, 0.00) 0%,
    transparent 45%,
    transparent 55%,
    rgba(0, 0, 0, 0.00) 100%
  );
}

/* Sin scroll de página en login hasta abrir Nuevo registro (main.js / main-register.js) */
html.login-scroll-lock,
body.login-scroll-lock {
  overflow: hidden !important;
  height: 100% !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
}