/* Parallax das fotos dos blocos das páginas de serviço: a foto anda mais devagar que a página durante a rolagem.
   Fica fora do CSS embutido porque o validador da W3C ainda não reconhece animation-timeline (25/10/2026).
   Carregado com media="(min-width: 1024px)" em src/layouts/PaginaServico.astro. */
@supports (animation-timeline: view()) {
  .bloco__imagem img {
    animation: bloco-parallax linear both;
    animation-timeline: view();
  }
  /* Foto com o foco no topo: o parallax só a move para baixo. */
  .bloco__imagem--topo img { animation-name: bloco-parallax-topo; }
}
@keyframes bloco-parallax {
  from { transform: translateY(-8%); }
  to { transform: translateY(8%); }
}
@keyframes bloco-parallax-topo {
  from { transform: translateY(-4%); }
  to { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .bloco__imagem img { animation: none !important; }
}