/* css/login.css */

/* --- Estilos da Página de Login e Recuperação de Senha --- */
body {
  background-image: url('../imagens/fundo_minimalista.png'); /* Caminho para a nova imagem de fundo */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: 'Arial', sans-serif;
}

/* Card principal */
.card {
  border-radius: 15px; /* Bordas mais arredondadas */
  border: 1px solid rgba(0, 0, 0, 0.05); /* Borda sutil */
  background-color: rgba(255, 255, 255, 0.95); /* Fundo um pouco mais opaco */
}

/* Logo */
.card-body .img-fluid {
  max-width: 180px; /* Logo um pouco maior */
  margin-bottom: 2rem; /* Mais espaço abaixo da logo */
}

/* Ícones dentro dos labels flutuantes */
.form-floating label .fas {
    margin-right: 8px; /* Espaço para o ícone no label flutuante */
}

/* Botão de ação principal */
.btn-primary {
  padding: 12px;
  font-size: 1.1rem;
  border-radius: 8px; /* Botão com bordas levemente arredondadas */
}

/* Alertas de mensagem */
.alert {
  margin-top: 1rem;
  border-radius: 8px;
}

/* Rodapé específico para a página de login */
.rodape-login {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  font-size: 0.875rem;
  z-index: 1000;
  transition: background-color 0.3s ease;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* Ajustes para telas menores (mobile) */
@media (max-width: 768px) {
  .card-body {
    padding: 25px;
  }

  .rodape-login {
    padding: 8px; /* Reduz um pouco o padding em telas menores */
    font-size: 0.8rem; /* Fonte um pouco menor para economizar espaço vertical */
  }
}