/* =============================================================================
   Cloudyn — O CURSOR PRÓPRIO
   O ponteiro nativo está desligado no base.css; aqui mora o desenho que
   entra no lugar dele. Ver assets/js/cursor.js.

   Este arquivo é uma FATIA do antigo assets/css/loader.css, que guardava o site
   inteiro em 1511 linhas. A ordem de carga importa (ver o bloco de <link> no
   HTML): a cascata é a mesma de antes, arquivo a arquivo, na mesma sequência.
   ============================================================================= */

/* ------------------------------ cursor próprio ---------------------------- */
/* segue o mouse, sempre por cima. Cor escura (definida nas SVGs).            */
.cursor {
  position: fixed;
  top: 0; left: 0;
  z-index: 99999;
  pointer-events: none;
  transform: translate(-100px, -100px);
  will-change: transform;
  opacity: 0;                       /* só aparece quando sabe onde o ponteiro está */
  transition: opacity 0.12s ease;
}
.cursor.is-on { opacity: 1; }
/* troca por display, não por opacity: no cross-fade os dois ícones ficam na tela
   ao mesmo tempo e o usuário vê dois cursores */
.cursor__ico {
  position: absolute; top: 0; left: 0; display: none;
}
/* seta (padrão) — ponta alinhada ao ponteiro */
.cursor__ico--default { margin: -2px 0 0 -4px; display: block; }
/* mãozinha/clique */
.cursor__ico--pointer { margin: -2px 0 0 -4px; }
/* digitação — I-beam centralizado */
.cursor__ico--text { margin: -14px 0 0 -7px; }

.cursor.is-pointer .cursor__ico--default { display: none; }
.cursor.is-pointer .cursor__ico--pointer { display: block; }
.cursor.is-text .cursor__ico--default { display: none; }
.cursor.is-text .cursor__ico--text    { display: block; }

/* o .word (a palavra grande) saiu daqui para o intro.css: ele nunca teve nada
   a ver com o cursor — caiu neste trecho só por vizinhança no arquivo antigo */