/* =========================================================
   CONTAINER LOGIN
========================================================= */
.login-container {
  margin-top: 80px;
}

/* =========================================================
   CARD LOGIN
========================================================= */
.login-card {
  padding: 32px 28px;
  border-radius: 12px;
}

/* =========================================================
   LOGO CENTRAL
========================================================= */
.logo-login {
  width: 180px;
  margin-bottom: 15px;
}

/* =========================================================
   TÍTULO E TEXTO
========================================================= */
.login-card h5 {
  color: var(--cor-primaria);
  font-weight: 600;
  margin-bottom: 5px;
}

.login-card p {
  color: #777;
  margin-bottom: 20px;
}

/* =========================================================
   BOTÃO LOGIN (AZUL)
========================================================= */
.btn-cta {
  width: 100%;
  background-color: var(--cor-primaria);
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-cta:hover {
  background-color: #0f2f4d;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* =========================================================
   MENSAGEM DE ERRO
========================================================= */
#erro {
  margin-top: 15px;
  font-size: 14px;
  color: var(--cor-secundaria);
  text-align: center;
}