/* Mensagens de alerta para o formulário de contato */
.message-alert {
  padding: 12px 15px;
  margin-bottom: 15px;
  border-radius: 4px;
  font-weight: 500;
}

.message-alert.error {
  background-color: #ffebee;
  color: #c62828;
  border-left: 4px solid #c62828;
}

.message-alert.success {
  background-color: #e8f5e9;
  color: #2e7d32;
  border-left: 4px solid #2e7d32;
}

/* Animação do botão de envio */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Estilo para a mensagem de sucesso */
.form-success {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px;
  background-color: #f8f8f8;
  border-radius: 8px;
  border-left: 4px solid #4caf50;
}

.form-success i {
  font-size: 48px;
  color: #4caf50;
  margin-bottom: 20px;
}

.form-success p {
  color: #333333;
  font-size: 18px;
  line-height: 1.5;
}

/* Suporte para dark mode */
body.dark-mode .form-success {
  background-color: #333333;
}

body.dark-mode .form-success p {
  color: #e0e0e0;
}

body.dark-mode .message-alert.error {
  background-color: rgba(198, 40, 40, 0.2);
  color: #ff8a80;
}

body.dark-mode .message-alert.success {
  background-color: rgba(46, 125, 50, 0.2);
  color: #a5d6a7;
}