/* Efeitos compartilhados pelo index.html e portfolio.html. */
@media (hover:hover) and (pointer:fine) {
  /* O cursor nativo so desaparece quando o JavaScript ja criou o substituto. */
  html.cursor-ready, html.cursor-ready *,
  html.cursor-ready *::before, html.cursor-ready *::after {cursor:none!important}
  .site-cursor {
    position:fixed;left:0;top:0;width:24px;height:24px;
    border:2px solid var(--lime,#c3f500);border-radius:50%;background:transparent;
    pointer-events:none;z-index:9999;opacity:0;
    transform:translate(-50%,-50%) scale(var(--cursor-scale,1));
    transition:opacity .15s ease,transform .17s ease,border-color .17s ease;
    will-change:left,top,transform;
  }
  .site-cursor.is-visible {opacity:1}
  .site-cursor.is-hover {--cursor-scale:1.5;border-color:#f5f5f0}
  .site-cursor.is-pressed {--cursor-scale:.78}
  /* A luz e a mesma do site original, porem visivel nas DUAS paginas. */
  .cursor-glow {
    z-index:35;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
  }
  .cursor-glow.is-visible {opacity:1}
}
/* Telas touch permanecem com interacao nativa. */
@media (hover:none), (pointer:coarse) {
  .site-cursor,.cursor-glow {display:none!important}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important}
  .site-cursor,.cursor-glow {transition:none!important}
  .reveal {opacity:1!important;transform:none!important;transition:none!important}
  /* Respeita a preferencia de movimento reduzido em TODAS as paginas. */
  .featured,.popular,.symbol-mark,.plan-mark {animation:none!important}
}