/* profile.css - estilos para a página de perfil */

/* Corpo e fundo geral */
body {
  background-color: #f8f9fa; /* Fundo claro */
  color: #333333; /* Texto escuro */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Container principal da página de perfil */
.profile-container {
  padding: 2rem;
  max-width: 1100px;
  margin: 0 auto;
}

/* Cartões (Cards) personalizados */
.profile-card {
  background-color: #ffffff; /* Fundo branco */
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Sombra mais suave */
  margin-bottom: 2rem;
  color: #333333; /* Texto escuro */
  transition: 0.3s ease-in-out;
}

.profile-card .card-header {
  background-color: #343a40; /* Fundo escuro */
  border-bottom: none;
  color: #ffffff; /* Texto branco */
  font-size: 1.25rem;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}

.profile-card .card-body {
  padding: 1.5rem;
}

/* Labels e textos dentro dos cards */
.profile-card label {
  color: #666666; /* Cinza claro */
  font-weight: 500;
}

/* Inputs customizados */
.profile-card .form-control {
  background-color: #ffffff; /* Fundo branco */
  border: 1px solid #cccccc; /* Borda cinza */
  color: #333333; /* Texto escuro */
}

.profile-card .form-control:focus {
  background-color: #ffffff; /* Fundo branco */
  border-color: #343a40; /* Borda escura */
  box-shadow: 0 0 0 0.25rem rgba(52, 58, 64, 0.25); /* Sombra escura */
}

/* Botões */
.btn-primary {
  background-color: #007bff; /* Azul */
  border-color: #007bff; /* Azul */
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0056b3; /* Azul escuro */
  border-color: #0056b3; /* Azul escuro */
}

.btn-success {
  background-color: #28a745; /* Verde */
  border-color: #28a745; /* Verde */
}

.btn-warning {
  background-color: #ffc107; /* Amarelo */
  border-color: #ffc107; /* Amarelo */
  color: #000000; /* Texto preto */
}

/* Feedback (alerts) sobrepostos */
.alert {
  background-color: #343a40; /* Fundo escuro */
  border: 1px solid #444444; /* Borda cinza escura */
  color: #ffffff; /* Texto branco */
}

/* Ajustes na responsividade */
@media (max-width: 767px) {
  .profile-card {
      margin: 1rem 0;
  }
}

/* Espaçamento interno uniforme */
.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}