/* ============================================================
   CRIL — tema de la pantalla de login (sobre skin-megna). Colors #094E8C/#0DAF83 + Inter.
   ============================================================ */
body.skin-megna{ font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important; }

#wrapper .login-register{
  background-size:cover !important; background-position:center !important;
  position:relative; min-height:100vh; display:flex; align-items:center; justify-content:flex-start;
  padding-left:8vw;
}
/* En pantalles petites el login torna al centre (no arraconat) */
@media (max-width:640px){ #wrapper .login-register{ justify-content:center; padding-left:0; } }
#wrapper .login-register:before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(125deg, rgba(6,42,80,.92) 0%, rgba(9,78,140,.82) 45%, rgba(13,175,131,.55) 100%);
}

.login-box.card{
  position:relative; z-index:2; width:400px; max-width:92vw; border:none !important;
  border-radius:20px !important; background:rgba(255,255,255,.97) !important;
  box-shadow:0 24px 70px rgba(3,24,48,.45) !important; backdrop-filter:blur(4px);
}
.login-box .card-body{ padding:34px 30px !important; }
.login-box img{ max-width:230px; height:auto !important; width:auto !important; margin-bottom:6px; }
.login-box .box-title{
  color:#094E8C !important; font-weight:700; font-size:1.15rem; letter-spacing:.01em; margin-top:8px;
}

/* Inputs: de form-material (línia) a caixa arrodonida amb anell de focus */
.login-box .form-material .form-control,
.login-box .form-control{
  background:#f4f8fd !important; border:1px solid #dbe6f3 !important; border-radius:11px !important;
  padding:.7rem .95rem !important; height:auto !important; color:#1f2d3d !important;
}
.login-box .form-control:focus{
  border-color:#1769B8 !important; background:#fff !important;
  box-shadow:0 0 0 .2rem rgba(23,105,184,.16) !important;
}
.login-box .form-control::placeholder{ color:#8fa3bd !important; }

/* Botó accedir */
.login-box .btn-info, .login-box .btn.btn-block.btn-lg{
  background:linear-gradient(100deg,#094E8C,#1769B8) !important; border:none !important;
  border-radius:999px !important; font-weight:700 !important; letter-spacing:.02em;
  padding:.7rem 1rem !important; box-shadow:0 8px 22px rgba(9,78,140,.35);
}
.login-box .btn-info:hover{ filter:brightness(1.07); }

/* Enllaços i checkbox */
.login-box a{ color:#0A8E69 !important; font-weight:600; }
.login-box a:hover{ color:#094E8C !important; }
.login-box .custom-control-label{ color:#5b6b80; }
.login-box hr{ border-top:1px solid #e3e9f2 !important; }
.login-box small{ color:#8090a4; }

.preloader .loader__label{ color:#094E8C !important; font-family:'Inter',sans-serif; }