/* ============================================================
   Cursor personalizado (só em ponteiro fino)
   Sem mix-blend-mode: no fundo claro ele inverteria as cores.
   ============================================================ */
.cursor,
.cursor-anel{
  position:fixed;top:0;left:0;
  z-index:var(--z-cursor);
  pointer-events:none;
  border-radius:50%;
}

.cursor{
  width:8px;height:8px;
  background:var(--rosa);
  transform:translate(-50%,-50%);
}

.cursor-anel{
  width:34px;height:34px;
  border:2px solid rgba(108,77,246,.5);
  transform:translate(-50%,-50%);
  transition:width .3s var(--ease-pulo),height .3s var(--ease-pulo),
             background .3s var(--ease),border-color .3s var(--ease);
}
.cursor-anel.grande{
  width:74px;height:74px;
  border-color:transparent;
  background:rgba(108,77,246,.16);
}

@media (hover:none),(max-width:900px){
  .cursor,.cursor-anel{display:none}
}