/* Motion — Feiras (#feiras)
   Só efeitos decorativos de hover, escopados em html.gsap-on (failsafe:
   sem GSAP nada aqui se aplica e a galeria fica 100% visível).
   Entradas/scroll ficam por conta do JS (modules/feiras.js). */

@media (hover: hover) and (pointer: fine) {
  /* Barra vermelha que "se monta" da esquerda pra direita na base da foto
     — mesmo vocabulário das linhas de montagem dos cards de projetos.
     Pseudo-elemento decorativo: pode nascer escondido (regra escopada). */
  html.gsap-on .feiras-gallery .g-item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--red);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 280ms var(--ease-out);
    pointer-events: none;
    z-index: 1;
  }
  html.gsap-on .feiras-gallery .g-item:hover::after {
    transform: scaleX(1);
  }
}

/* (sem will-change permanente: promover 8 layers pra sempre custa mais
   do que ajuda — o GSAP já promove durante o tween) */