/* ESTILO BASE */
.alert {
  border-radius: 12px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.alert .alert-body {
  flex: 1;
}

.alert strong {
  font-weight: 700;
  display: block;
  margin-bottom: 0.25rem;
}

.alert a {
  font-weight: 700;
  text-decoration: underline;
}

/* ICONES: Para garantir espaço visual */
.alert::before {
  content: "ℹ️";
  display: inline-block;
  margin-right: 0.75rem;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* ALERTA - INFO */
.alert-info {
  background-color: #00dbf1;
  color: #000;
  border: none;
}

/* ALERTA - INFO (CLARO) */
.alert-info.alert-light {
  background-color: #fff;
  color: #000;
  border: 1px solid #00dbf1;
}

/* ALERTA - WARNING */
.alert-warning {
  background-color: #f7c328;
  color: #000;
  border: none;
}

.alert-warning.alert-light {
  background-color: #fff;
  color: #000;
  border: 1px solid #f7c328;
}

/* ALERTA - SUCCESS */
.alert-success {
  background-color: #48d49f;
  color: #000;
  border: none;
}

.alert-success.alert-light {
  background-color: #fff;
  color: #000;
  border: 1px solid #48d49f;
}

/* ALERTA - DANGER */
.alert-danger {
  background-color: #e73f5d;
  color: #fff;
  border: none;
}

.alert-danger.alert-light {
  background-color: #fff;
  color: #000;
  border: 1px solid #e73f5d;
}