/* Motion follows each brand, without changing its layout or photography. */
body { --motion-speed: 260ms; }
body.arquitetura { --motion-speed: 360ms; }
body.clinica { --motion-speed: 220ms; }
.btn, .more, .filters button, .text-link, .text-line, .page-links a, .clara-guide-links a {
  transition: background-color var(--motion-speed), color var(--motion-speed), border-color var(--motion-speed), box-shadow var(--motion-speed), translate var(--motion-speed);
}
.btn:active, .filters button:active { translate: 0 1px; }
.page-links a:hover, .page-links a:focus-visible, .clara-guide-links a:hover, .clara-guide-links a:focus-visible { translate: 0 -3px; }
nav a { text-underline-offset: 7px; }
nav a:hover, nav a:focus-visible { text-decoration: underline; }
.forma-steps > li, .clara-steps > li, .timeline > li { position: relative; }
.forma-steps > li::after, .clara-steps > li::after {
  content: ''; display: block; height: 2px; width: 36px; margin-top: 20px; background: currentColor; opacity: .3;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .btn:active, .filters button:active, .page-links a:hover, .page-links a:focus-visible, .clara-guide-links a:hover, .clara-guide-links a:focus-visible { translate: none; }
}