/* Animações de entrada e rolagem suave (assets/js/animacoes.js).
   Nada fica escondido sem JavaScript: a classe .anim só é colocada pelo script, e só em elementos fora da tela. */

/* surgimento ao rolar */
.anim{opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); transition-delay:var(--anim-delay, 0s);}
.anim.anim-in{opacity:1; transform:none;}

/* fotos dos cards: leve aproximação ao passar o mouse */
@media (hover:hover){
  .prod-card .photo-ph img, .obra-card .photo-ph img{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .prod-card:hover .photo-ph img, .obra-card:hover .photo-ph img{transform:scale(1.045);}
}

/* rolagem suave (Lenis, só no computador) */
html.lenis, html.lenis body{height:auto;}
html.lenis{scroll-behavior:auto !important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}
.lenis.lenis-stopped{overflow:clip;}
.lenis.lenis-smooth iframe{pointer-events:none;}

@media (prefers-reduced-motion: reduce){
  .anim{opacity:1 !important; transform:none !important; transition:none !important;}
  .prod-card:hover .photo-ph img, .obra-card:hover .photo-ph img{transform:none;}
}