.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: #fcfafc;
  color: #241c1c;
  border: 1px solid rgba(36, 28, 28, .18);
  border-radius:3.4px 3.4px 0 0;
  padding:14.7px 14.7px 20.2px;
  box-shadow: 0 16px 34px -14px rgba(24, 37, 15, .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.2px;
  font-size: .62rem;
  letter-spacing: .1em;
  text-align: center;
  color: #4b544b;
}

.saldocerto-notice__rule {
  border-top: 1px dashed rgba(36, 28, 28, .35);
  margin:9.2px 0;
}

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

.saldocerto-notice__body {
  font-family: "Space Grotesk", sans-serif;
  font-size: .78rem;
  line-height: 1.5;
  color: #241c1c;
  margin:7.4px 0;
}

.saldocerto-notice__link { margin:0 0 3.7px; font-size: .78rem; }
.saldocerto-notice__link a {
  color: #885f1f;
  font-weight: 700;
  text-decoration: underline;
}

.saldocerto-notice__dismiss {
  display: block;
  width: 100%;
  margin-top:9.2px;
  padding:9.2px 11px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: .84rem;
  color: #ffffff;
  background: #885f1f;
  border: none;
  border-radius:4.6px;
  cursor: pointer;
}
.saldocerto-notice__dismiss:hover { background: #6f4d19; }

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

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