/* Complementos do runtime próprio (assets/js/site.js). */

/* transição suave enquanto um componente troca de estado (hover, clique, ciclo) */
.fx-morph,
.fx-morph * {
  transition-property: opacity, transform, translate, scale, rotate, background-color, color, border-color,
    box-shadow, fill, stroke, width, height, top, left, right, bottom, border-radius, filter, gap, padding;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.44, 0, 0.56, 1);
}

/* spinner do botão de envio no estado "Loading" */
button[data-framer-name="Loading"] [data-framer-name="Conic"] { animation: fx-spin 1s linear infinite; }
@keyframes fx-spin { to { transform: rotate(360deg); } }

/* tickers: os itens ficam visíveis assim que o script assume */
[data-fx-ticker] ul { will-change: transform; }

/* slideshow: cursor de arraste */
[data-fx-slideshow] ul { touch-action: pan-y; }