/* =========================================================
   LOGIN – AULA VIRTUAL EDUPRAXIS
   Compatible con AdminLTE
   ========================================================= */

/* ---------- TIPOGRAFÍA INSTITUCIONAL ---------- */
body.login-page,
.card-cajetin,
.card-cajetin * {
  font-family: 'Exo', 'Source Sans Pro', Arial, sans-serif !important;
}

/* ---------- FONDO COMPLETO ---------- */
html, body {
  height: 100%;
}

body.login-page {
  background: 
    linear-gradient(
      rgba(10, 47, 107, 0.75),
      rgba(10, 47, 107, 0.75)
    ),
    url("../images/fondo-sga.jpg") no-repeat center center fixed !important;

  background-size: cover !important;
}

/* ---------- CONTENEDOR LOGIN ---------- */
.login-box {
  width: 420px;
}

/* ---------- CAJETÍN ---------- */
.card-cajetin {
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 44px 34px !important;
  border: none !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35) !important;
  text-align: center;
}

/* ---------- LOGO ---------- */
.cajetin-logo img {
  max-width: 92px;
  margin-bottom: 16px;
}

/* ---------- TÍTULOS ---------- */
.cajetin-title {
  font-size: 1.55rem;
  font-weight: 600;
  color: #111;
  margin-bottom: 6px;
  letter-spacing: 0.3px;
}

.cajetin-subtitle {
  font-size: 0.95rem;
  font-weight: 400;
  color: #555;
  margin-bottom: 26px;
  letter-spacing: 0.2px;
}

/* ---------- TEXTO AUXILIAR ---------- */
.login-help-text {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 14px;
}

/* ---------- BOTÓN MICROSOFT ---------- */
.btn-ms {
  background: #ffffff !important;
  border: 1.6px solid #dcdcdc !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  color: #333 !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.btn-ms:hover {
  background: #f5f5f5 !important;
  border-color: #cfcfcf !important;
  color: #000 !important;
}

/* ---------- FOOTER ---------- */
.cajetin-footer {
  font-size: 0.75rem;
  color: #777;
  margin-top: 32px;
}