.message-container {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 30%;
    padding: 20px;
    pointer-events: none; /* Permite clicar através do container */
}

.messages {
  list-style: none;
  padding: 0;
  margin: 0;
}

.alert {
  position: relative;
  padding: 1rem 1.25rem; 
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  pointer-events: auto; /* Permite interação com os alertas */
  opacity: 1 !important; /* Garante que os alertas sejam visíveis */
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-debug {
  color: #1d1e22;
  background-color: #e7e7e7;
  border-color: #c6c8ca;
}

.btn-close {
  padding: 1rem;
}

.fade {
    opacity: 1; /* Alterado de 0 para 1 para garantir visibilidade */
    transition: opacity 0.5s ease-out;
}

.fade.show {
    opacity: 1;
}