/* ══════════════════════════════════════════════════════════
   BIBLIOTECA PERMANENTE DE EFEITOS — CSS DE APOIO (cópia fiel)
   Ajustes de cor/tamanho por contexto ficam em style.css.
   ══════════════════════════════════════════════════════════ */

/* FX.j17 */
.js-troca{font-family:var(--display);font-size:26px;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.js-troca .janela{position:relative;height:1.3em;overflow:hidden;display:inline-block;vertical-align:bottom}
.js-troca .janela span{display:block;transition:transform .5s cubic-bezier(.16,1,.3,1);color:#ff8095}

/* FX.j16 */
.js-split{font-family:var(--display);font-size:25px;line-height:1.35;color:#fff;max-width:400px}
.js-split .palavra{display:inline-block;opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.js-split .palavra.dentro{opacity:1;transform:none}

/* FX.j13 */
.js-fugir{width:100%;height:180px;border-radius:14px;border:1px solid var(--border);background:rgba(0,0,0,.3);display:block}

/* FX.j32 */
.js-texto-part{width:100%;height:190px;border-radius:14px;border:1px solid var(--border);background:rgba(0,0,0,.3);display:block;cursor:crosshair}