.nfe-cert-alert-banner {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 12px 0 0;
  padding: 13px 15px;
  border: 1px solid;
  border-radius: 12px;
  box-sizing: border-box;
}

.nfe-cert-alert-icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
}

.nfe-cert-alert-content {
  min-width: 0;
  flex: 1;
}

.nfe-cert-alert-title {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
}

.nfe-cert-alert-list {
  display: grid;
  gap: 4px;
}

.nfe-cert-alert-item {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: baseline;
  font-size: 13px;
  line-height: 1.35;
}

.nfe-cert-alert-item strong::after {
  content: '—';
  margin-left: 5px;
  font-weight: 400;
}

.nfe-cert-alert-content small {
  display: block;
  margin-top: 7px;
  font-size: 11.5px;
  line-height: 1.4;
  opacity: .82;
}

.nfe-cert-alert-atencao {
  border-color: #dfc878;
  background: #fff9df;
  color: #6c5712;
}
.nfe-cert-alert-atencao .nfe-cert-alert-icon { background: #f1dc8b; color: #5f4a0a; }

.nfe-cert-alert-alerta {
  border-color: #e7aa62;
  background: #fff4e5;
  color: #804a0c;
}
.nfe-cert-alert-alerta .nfe-cert-alert-icon { background: #f3c58e; color: #723d05; }

.nfe-cert-alert-critico {
  border-color: #e6a09a;
  background: #fff0ef;
  color: #9b241b;
}
.nfe-cert-alert-critico .nfe-cert-alert-icon { background: #f1bbb6; color: #7f1d16; }

@media (max-width: 700px) {
  .nfe-cert-alert-banner { padding: 12px; }
  .nfe-cert-alert-item { display: block; }
  .nfe-cert-alert-item strong { display: block; }
  .nfe-cert-alert-item strong::after { content: ''; margin: 0; }
}