.anchor-cta-trigger{height:1px}

/* Anchor flutuante */
.reader-anchor{
  position:fixed;z-index:999999;left:12px;bottom:12px;
  width:min(380px,calc(100vw - 24px));
  transform:translateY(120%);opacity:0;pointer-events:none;
  transition:transform .35s ease,opacity .35s ease;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif
}
.reader-anchor.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}

.reader-anchor__box{
  position:relative;
  background:#fff;border:2px solid rgba(0,0,0,.15);
  border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);
  padding:12px 14px 12px;
  display:flex;flex-direction:column;align-items:center;
}

.reader-anchor__close{
  position:absolute;right:10px;top:6px;
  border:0;background:transparent;
  padding:4px 6px;
  cursor:pointer;
  font-size:18px;line-height:18px;
  color:rgba(0,0,0,.55);
}
.reader-anchor__close:hover{color:rgba(0,0,0,.8)}

.reader-anchor__title{
  margin:2px 22px 10px;
  font-size:13px;
  font-weight:600;
  text-align:center;
  color:#111;
}

.reader-anchor__link{display:inline-block;text-decoration:none}

.reader-anchor__btn{
  display:inline-flex;
  align-items:center;justify-content:center;
  background: var(--lb-btn-bg, #1d4ed8);
  color:#fff;border-radius:10px;
  padding:9px 18px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.2px;
  min-width:140px;
  max-width:260px;
}
.reader-anchor__btn:hover{filter:brightness(.95)}

.reader-anchor__hint{
  margin:8px 2px 0;
  text-align:center;
  font-size:10px;
  color:rgba(0,0,0,.55)
}

@media (max-width:640px){
  .reader-anchor{
    left:50%;bottom:14px;transform:translate(-50%,120%);
    width:min(520px,calc(100vw - 24px))
  }
  .reader-anchor.is-visible{transform:translate(-50%,0)}
}
