/* Livera Stories v1.3 — ícone fixo acima do WhatsApp, independente do cabeçalho. */
body > button.livera-stories-trigger{
  position:fixed!important;right:21px!important;left:auto!important;
  bottom:187px!important;top:auto!important;z-index:10020!important;
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  display:grid!important;place-items:center!important;box-sizing:border-box!important;
  margin:0!important;padding:4px!important;border:0!important;border-radius:50%!important;
  background:#0e0e12!important;color:#fff!important;
  box-shadow:0 6px 24px rgba(0,0,0,.4)!important;
  cursor:pointer;isolation:isolate;overflow:visible!important;
  transform:none;transition:scale .2s ease;
}
body > button.livera-stories-trigger:hover{scale:1.06}
/* O gradiente animado fica ATRÁS do círculo interno, formando somente um anel. */
body > button.livera-stories-trigger::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  z-index:0!important;border-radius:50%!important;pointer-events:none!important;
  background:conic-gradient(#19b858 0deg,#81ffb5 60deg,#00a447 115deg,#13e775 175deg,#006a32 235deg,#5bffa1 310deg,#19b858 360deg)!important;
  animation:livera-story-ring-spin 3.2s linear infinite;
}
@keyframes livera-story-ring-spin{to{transform:rotate(360deg)}}
body > button.livera-stories-trigger::after{content:none!important;display:none!important}
body > button.livera-stories-trigger > .livera-stories-trigger-inner{
  display:grid!important;place-items:center!important;position:relative!important;z-index:2!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  padding:2px!important;margin:0!important;border-radius:50%!important;
  background:#0e0e12!important;overflow:hidden!important;
}
body > button.livera-stories-trigger > .livera-stories-trigger-inner > img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;
  border-radius:50%!important;object-fit:cover!important;position:relative!important;z-index:2!important;
}
body > button.livera-stories-trigger:focus-visible{outline:3px solid #ff8abb!important;outline-offset:4px}
.livera-story-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(5,5,9,.95);display:flex;justify-content:center;align-items:center;padding:16px;color:#fff;font-family:Inter,Arial,sans-serif;overscroll-behavior:contain}
.livera-story-overlay[hidden]{display:none!important}
.livera-story-dialog{position:relative;width:min(420px,100%);height:min(760px,calc(100dvh - 32px));height:min(760px,calc(100vh - 32px));aspect-ratio:9/16;background:#111015;border-radius:17px;overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.65);isolation:isolate}
@supports(height:100dvh){.livera-story-dialog{height:min(760px,calc(100dvh - 32px))}}
.livera-story-image{display:block;width:100%;height:100%;object-fit:contain;background:#0e0e12}
.livera-story-top{position:absolute;top:0;left:0;right:0;z-index:5;padding:12px 12px 20px;background:linear-gradient(180deg,rgba(0,0,0,.76),transparent)}
.livera-story-progress{display:flex;gap:4px;margin-bottom:12px}
.livera-story-track{height:3px;flex:1;background:rgba(255,255,255,.35);border-radius:8px;overflow:hidden}
/* transform funciona em spans e evita reflow a cada quadro */
.livera-story-fill{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left center;transition:none;will-change:transform}
.livera-story-profile{display:flex;align-items:center;gap:8px;min-width:0;padding-right:36px}
.livera-story-profile img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #29d668}
.livera-story-profile strong{font-size:13px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.livera-story-close{position:absolute;top:30px;right:10px;z-index:8;width:34px;height:34px;display:grid;place-items:center;border:0;background:rgba(0,0,0,.34);border-radius:50%;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.livera-story-caption{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:44px 20px 22px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent);font-size:14px;line-height:1.45;text-align:center;overflow-wrap:anywhere}
.livera-story-caption:empty{display:none}
/* Os botões cobrem áreas de toque, mas não exibem setas, faixas nem fundos. */
.livera-story-overlay .livera-story-dialog button.livera-story-zone,
.livera-story-overlay .livera-story-dialog button.livera-story-zone:hover,
.livera-story-overlay .livera-story-dialog button.livera-story-zone:active{
  position:absolute;z-index:3;top:90px;bottom:70px;width:31%;height:auto;
  min-width:0;min-height:0;margin:0;padding:0;
  border:0!important;border-radius:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;opacity:1!important;
  appearance:none;-webkit-appearance:none;color:transparent!important;
  cursor:pointer;transform:none!important;
}
.livera-story-overlay .livera-story-zone::before,
.livera-story-overlay .livera-story-zone::after{content:none!important;display:none!important}
.livera-story-prev{left:0}.livera-story-next{right:0}
.livera-story-zone:focus-visible,.livera-story-close:focus-visible{outline:3px solid #ff6da6;outline-offset:-4px}
.livera-story-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.livera-stories-open{overflow:hidden!important}
@media(max-width:680px){body > button.livera-stories-trigger{
  width:51px!important;height:51px!important;min-width:51px!important;min-height:51px!important;
  right:15px!important;bottom:calc(178px + env(safe-area-inset-bottom))!important;
}.livera-story-overlay{padding:0}.livera-story-dialog{height:100vh;height:100dvh;max-height:none;width:min(100vw,460px);border-radius:0;aspect-ratio:auto}.livera-story-close{top:32px}}
@media(prefers-reduced-motion:reduce){body > button.livera-stories-trigger{transition:none}body > button.livera-stories-trigger::before{animation:none}}