/* =========================
   LOGIN – ESTIL INTRANET
========================= */

body.login {
  background: linear-gradient(180deg, #f6f6f6, #eeeeee);
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

/* Caixa del login */
.login #login {
  width: 380px;
  margin-top: 2%;
  padding: 2.2rem 2.2rem 2rem;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

/* Logo */
.login h1 a {
  background-image: url("img/logo-coral.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 90px;
  margin-bottom: 1.2rem;
}

/* Títol sota el logo */
.login h1::after {
  content: "Accés a la intranet de la coral";
  display: block;
  margin-top: 0.75rem;
  font-size: 0.95rem;
  font-weight: 600;
  text-align: center;
  color: #555;
}

/* Inputs */
.login form .input {
  padding: 0.75rem 0.85rem;
  border-radius: 12px;
  border: 1px solid #ddd;
  font-size: 1rem;
}

.login form .input:focus {
  border-color: #bbb;
  box-shadow: none;
}

/* Botó */
.login .button-primary {
  width: 100%;
  padding: 0.75rem;
  border-radius: 999px;
  background: #2b824d;
  border: none;
  font-size: 0.95rem;
  font-weight: 600;
}

.login .button-primary:hover {
  background: #2b824d;
}

/* Links inferiors */
.login #nav,
.login #backtoblog {
  text-align: center;
}

.login #nav a,
.login #backtoblog a {
  color: #666;
  font-size: 0.85rem;
}

/* Missatges */
.login .message,
.login .error {
  border-left: 0 !important;
  border-radius: 12px;
  box-shadow: none;
}