/* Navegação suave: rolagem animada nos links, transição entre páginas e menu animado.
   Os fades/reveals de conteúdo continuam desligados (tudo aparece de uma vez).
   (O carrossel automático dos logos no celular fica: é uma função, não um efeito.) */

/* ---------- Rolagem suave nos links internos (#work, #servicos, #sobre, #contato) ---------- */
html, html.scroll-smooth { scroll-behavior: smooth !important; scroll-padding-top: 72px; }

/* ---------- Transição entre páginas (home <-> cases), sem tela branca piscando ---------- */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: vt-out .2s ease both !important; }
::view-transition-new(root) { animation: vt-in .38s cubic-bezier(.16,1,.3,1) both !important; }
@keyframes vt-out { to { opacity: 0; } }
@keyframes vt-in { from { opacity: 0; transform: translateY(10px); } }

/* ---------- Sem transições/animações no resto (menu fica de fora: ele volta a deslizar) ---------- */
*:not(.site-menu), *::before, *::after { transition: none !important; }
*:not(.is-marquee):not(.is-marquee *), *:not(.is-marquee)::before, *:not(.is-marquee)::after { animation: none !important; }
[data-reveal], img.is-loading { opacity: 1 !important; transform: none !important; }

/* ---------- "Reduzir movimento" ligado no sistema: mantém a navegação suave,
   mas sem deslocamento (só fade) e vence o reset de transições do CSS base ---------- */
@media (prefers-reduced-motion: reduce) {
  html, html.scroll-smooth { scroll-behavior: smooth !important; }
  @keyframes vt-in { from { opacity: 0; } }
  html.menu-on .site-menu { transition-duration: .9s, .7s, 0s !important; }
  html.menu-on .site-menu.is-visible, html.menu-on .site-menu:focus-within { transition-duration: .9s, .7s, 0s !important; }
}

/* ---------- Bordas levemente arredondadas (todas as imagens, menos o hero, logos e avatares) ---------- */
.w-card { border-radius: 18px; overflow: hidden; }
.lb-trigger, .lb-trigger img, dialog img { border-radius: 14px; }
.lb-trigger { overflow: hidden; }
section figure, section figure img { border-radius: 14px; }
section figure { overflow: hidden; }