

.saldocerto-notice {
  position: fixed;
  right: 16px;
  bottom: 16px;
  left: 16px;
  z-index: 60;
  max-width: 300px;
  margin-left:auto;
  font-family: "Space Mono", SFMono-Regular, Consolas, monospace;
}

.saldocerto-notice[hidden] { display: none; }

.saldocerto-notice__slip {
  position: relative;
  background: #f9fbfa;
  color: #191f20;
  border: 1px solid rgba(25, 31, 32, .18);
  border-radius:3.8px 3.8px 0 0;
  padding:15.5px 15.5px 21.3px;
  box-shadow: 0 16px 34px -14px rgba(49, 23, 56, .5);
  transform: rotate(-1deg);
  
  clip-path: polygon(
    0% 0%, 100% 0%, 100% 94%,
    94% 100%, 88% 94%, 82% 100%, 76% 94%, 70% 100%, 64% 94%, 58% 100%,
    52% 94%, 46% 100%, 40% 94%, 34% 100%, 28% 94%, 22% 100%, 16% 94%,
    10% 100%, 4% 94%, 0% 100%
  );
}

.saldocerto-notice__title {
  margin:0;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-align: center;
}

.saldocerto-notice__sub {
  margin:2px 0 9.7px;
  font-size: .62rem;
  letter-spacing: .1em;
  text-align: center;
  color: #4b544b;
}

.saldocerto-notice__rule {
  border-top: 1px dashed rgba(25, 31, 32, .35);
  margin:9.7px 0;
}

.saldocerto-notice__line {
  display: flex;
  justify-content: space-between;
  gap:9.7px;
  margin:0 0 3.9px;
  font-size: .74rem;
}
.saldocerto-notice__line span:first-child { flex: 1 1 auto; }

.saldocerto-notice__body {
  font-family: "Inter", sans-serif;
  font-size: .78rem;
  line-height: 1.5;
  color: #191f20;
  margin:7.8px 0;
}

.saldocerto-notice__link { margin:0 0 3.9px; font-size: .78rem; }
.saldocerto-notice__link a {
  color: #3e5dcf;
  font-weight: 700;
  text-decoration: underline;
}

.saldocerto-notice__dismiss {
  display: block;
  width: 100%;
  margin-top:9.7px;
  padding:9.7px 11.6px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: .84rem;
  color: #ffffff;
  background: #3e5dcf;
  border: none;
  border-radius:5px;
  cursor: pointer;
}
.saldocerto-notice__dismiss:hover { background: #2d4ab5; }

@media (min-width: 420px) {
  .saldocerto-notice { left: auto; width: 300px; }
}

@media (prefers-reduced-motion: reduce) {
  .saldocerto-notice__slip { transform: none; }
}
