

.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: #fcfafa;
  color: #1e1e16;
  border: 1px solid rgba(30, 30, 22, .18);
  border-radius:2.7px 2.7px 0 0;
  padding:17.6px 17.6px 24.2px;
  box-shadow: 0 16px 34px -14px rgba(13, 37, 30, .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 11px;
  font-size: .62rem;
  letter-spacing: .1em;
  text-align: center;
  color: #4b544b;
}

.saldocerto-notice__rule {
  border-top: 1px dashed rgba(30, 30, 22, .35);
  margin:11px 0;
}

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

.saldocerto-notice__body {
  font-family: "Sora", sans-serif;
  font-size: .78rem;
  line-height: 1.5;
  color: #1e1e16;
  margin:8.8px 0;
}

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

.saldocerto-notice__dismiss {
  display: block;
  width: 100%;
  margin-top:11px;
  padding:11px 13.2px;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: .84rem;
  color: #ffffff;
  background: #327514;
  border: none;
  border-radius:3.6px;
  cursor: pointer;
}
.saldocerto-notice__dismiss:hover { background: #285f10; }

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

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