/* Estilos do mascote "Ico" — arquivo compartilhado, hospedado em pmsgra.net/mascote.css
   junto do mascote.js, para ficar padronizado entre os sites que usam o mesmo bichinho.
   Se for reaproveitar em outro site com seu próprio sistema de modais/overlays, confira
   se o z-index abaixo continua acima de tudo por lá também. */

   #tour-mascote {
    position: fixed;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    /* Acima de balões/overlays do site: o Ico nunca deve ficar escondido atrás de nada */
    z-index: 100004;
    user-select: none;
    pointer-events: none;
    will-change: transform;
    display: none;
    transition: width 0.25s ease, height 0.25s ease;
}
#tour-mascote.show { display: block; }
#tour-mascote svg { width: 100%; height: 100%; display: block; overflow: visible; }
#tour-mascote.mini {
    pointer-events: auto;
    cursor: pointer;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
}

/* Rastro de triângulos atrás do Ico quando ele corre */
.tour-rastro-triangulo {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #36B24B;
    pointer-events: none;
    z-index: 100002;
    /* Sem will-change aqui de propósito: ele cria uma camada de composição
       por elemento, e são dezenas de partículas por segundo. Em placa de
       vídeo fraca, criar e destruir tantas camadas trava a página inteira.
       O mascote em si mantém o will-change, porque é um elemento só. */
}

/* O rastro é enfeite: quem pediu menos animação não recebe nenhum. */
@media (prefers-reduced-motion: reduce) {
    .tour-rastro-triangulo { display: none; }
}