/* LOGIN CRISTO REY V18 */

html.cr-login-bg-v18,
html.cr-login-bg-v18 body{
  min-height:100%;
  background:
    url('/central/imagenes/fondo-cristo-rey-v17.png?v=18')
    center center / cover fixed no-repeat !important;
}

html.cr-login-bg-v18 body{
  min-height:100vh;
}

/* La aplicación no debe tapar la imagen */
html.cr-login-bg-v18 body #app{
  min-height:100vh !important;
  background:transparent !important;
}

/* Barra superior con transparencia */
html.cr-login-bg-v18 body .topbar{
  background:rgba(255,255,255,.80) !important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  border-bottom:1px solid rgba(255,255,255,.45) !important;
}

/* Tarjeta de acceso: legible pero dejando ver el fondo */
html.cr-login-bg-v18 body .login{
  background:rgba(245,248,255,.88) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.75) !important;
  border-top:5px solid #FFE100 !important;
  box-shadow:0 18px 55px rgba(0,20,65,.25) !important;
}

/* Textos */
html.cr-login-bg-v18 body .login h1,
html.cr-login-bg-v18 body .login label,
html.cr-login-bg-v18 body .login p{
  color:#10244d !important;
}

/* Inputs */
html.cr-login-bg-v18 body .login input{
  background:rgba(255,255,255,.96) !important;
}

/* Botón */
html.cr-login-bg-v18 body .login button[type="submit"]{
  background:#0001C5 !important;
  color:#fff !important;
}

/* Anular posibles pseudo capas */
html.cr-login-bg-v18 body::before,
html.cr-login-bg-v18 body::after,
html.cr-login-bg-v18 body #app::before,
html.cr-login-bg-v18 body #app::after{
  background:transparent !important;
  background-image:none !important;
}