/* =========================================================
   Barra de rolagem própria (só desktop com mouse)
   Pílula com a inicial; quase some parada, volta ao rolar
   ou com o mouse perto da borda direita.
   ========================================================= */
html.rolagem-on{scrollbar-width:none}
html.rolagem-on::-webkit-scrollbar{display:none}
.rolagem{position:fixed;top:14px;bottom:14px;right:7px;width:24px;z-index:95;opacity:.16;transition:opacity .7s cubic-bezier(.22,1,.36,1);cursor:pointer;user-select:none;touch-action:none}
.rolagem::before{display:none}
.rolagem.is-on,.rolagem:hover,.rolagem.is-drag{opacity:1;transition-duration:.25s}
.rolagem-pill{position:absolute;left:0;top:0;width:24px;min-height:60px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(180deg,#5f6a52e6,#3f442be6);border:1px solid #f5f1e740;box-shadow:0 10px 26px -12px #1f251acc;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e1d0b4;font:400 18px/1 Ragasta,serif;padding-top:2px;will-change:transform;transition:background .3s,scale .3s}
.rolagem:hover .rolagem-pill,.rolagem.is-drag .rolagem-pill{background:linear-gradient(180deg,#6f7a62,#4a4a2f);scale:1.06}
@media (hover:none),(pointer:coarse){.rolagem{display:none}}