/* DIGI&MET login theme (Q3-Intelligence) — sobre el theme clásico de Keycloak */
html, body.login-pf { height: 100%; background: #0a0a0c; }

.login-pf body { background: #0a0a0c; }

/* fondo = montaje industrial oscurecido (background.webp) */
.login-pf-page {
  background: linear-gradient(rgba(8,8,10,.60), rgba(8,8,10,.84)),
              url(../img/background.webp) center center / cover no-repeat fixed !important;
  min-height: 100vh;
  padding: 0 !important;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}

/* logo DIGI&MET (blanco) arriba de la tarjeta */
#kc-header, .login-pf-page-header { width: 100%; text-align: center; margin: 0 0 22px; }
#kc-header-wrapper {
  display: inline-block; width: 300px; height: 78px;
  background: url(../img/logo.svg) center / contain no-repeat;
  filter: brightness(0) invert(1);
  font-size: 0; color: transparent; white-space: nowrap; overflow: hidden;
  padding: 0; border: 0;
}

/* tarjeta oscura */
.login-pf-page .card-pf {
  background: #14161a; border: 1px solid #2a2e36; border-radius: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
  color: #e8eaed; padding: 30px 34px 26px; margin: 0; width: min(420px, 92vw);
}
#kc-page-title, .card-pf h1, .login-pf-header h1 { color: #e8eaed; font-weight: 600; }
#kc-content, #kc-content-wrapper, #kc-form, #kc-form-wrapper { color: #e8eaed; }

label, .control-label { color: #aab0b8 !important; font-weight: 500; }

input.form-control, .pf-c-form-control {
  background: #0e1013 !important; border: 1px solid #2a2e36 !important; color: #e8eaed !important;
  height: 44px; border-radius: 8px;
}
input.form-control:focus { border-color: #2bc4b4 !important; box-shadow: 0 0 0 2px rgba(43,196,180,.25) !important; }

/* botón Sign In teal */
#kc-login, .btn-primary, input[type=submit].btn-primary, .pf-c-button.pf-m-primary {
  background: #2bc4b4 !important; border-color: #2bc4b4 !important; color: #04211e !important;
  font-weight: 700; height: 46px; border-radius: 8px; letter-spacing: .3px;
}
#kc-login:hover, .btn-primary:hover, .pf-c-button.pf-m-primary:hover { background: #24afa0 !important; }

a, #kc-registration a, #kc-info a { color: #2bc4b4; }
#kc-info, .login-pf-signup { color: #8a929c; }

/* alerts */
.alert, .pf-c-alert { border-radius: 8px; }