/* 1) classes utilitárias derivadas dos style="" do HTML
   2) custom-effects.css do site estático */

.jsld-d0{--d:0ms}
.jsld-d100{--d:100ms}
.jsld-d120{--d:120ms}
.jsld-d140{--d:140ms}
.jsld-d160{--d:160ms}
.jsld-d180{--d:180ms}
.jsld-d200{--d:200ms}
.jsld-d210{--d:210ms}
.jsld-d220{--d:220ms}
.jsld-d240{--d:240ms}
.jsld-d280{--d:280ms}
.jsld-d300{--d:300ms}
.jsld-d320{--d:320ms}
.jsld-d350{--d:350ms}
.jsld-d360{--d:360ms}
.jsld-d420{--d:420ms}
.jsld-d480{--d:480ms}
.jsld-d490{--d:490ms}
.jsld-d560{--d:560ms}
.jsld-d60{--d:60ms}
.jsld-d630{--d:630ms}
.jsld-d70{--d:70ms}
.jsld-d80{--d:80ms}
.jsld-jsld-lk-1-ffffff-jsld-lk-2-b7aea{--jsld-lk-1:#FFFFFF;--jsld-lk-2:#B7AEA5}

/* ---- custom-effects.css ---- */
/* ============================================================================
   CUSTOM EFFECTS — Juselder da Mata · website v3 (site-v0.4.0)
   Efeitos sem equivalente nativo no Elementor. Este arquivo vai INTEIRO para
   Elementor → Configurações do site → CSS personalizado (ou enfileirado pelo
   child theme). Não misturar com o que o Elementor sabe fazer sozinho.
   ========================================================================== */

/* --- Reveal on scroll: ponte data-nw-anim → jsld-reveal do DS ------------- */
[data-nw-anim] { transition-delay: var(--d, 0ms); }

/* --- Símbolo do hero desenhando a linha (stroke-dashoffset animado) ------- */
.jsld-hero__symbol--draw {
  --len: 6000;
  fill: none;
  stroke: var(--jsld-sand-500);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* --- Camadas decorativas de fundo (eram style="" no v2) ------------------- */
.jsld-bg__monogram--04 { opacity: .04; }
.jsld-bg__monogram--05 { opacity: .05; }
.jsld-bg__orb--teal { background: radial-gradient(circle at 35% 35%, rgba(131,149,149,.35), transparent 68%); }
.jsld-bg__orb--sand { background: radial-gradient(circle at 60% 40%, rgba(183,174,165,.30), transparent 70%); }
.jsld-surface--deep .jsld-bg__orb--sand { background: radial-gradient(circle at 60% 40%, rgba(183,174,165,.22), transparent 70%); }

/* --- Tilt do cartão do hero (data-jsld-tilt, movido pelo ds.js) ----------- */
[data-jsld-tilt] { transform-style: preserve-3d; will-change: transform; }

/* --- Spotlight que segue o mouse em seções escuras ------------------------ */
[data-jsld-spot] { position: relative; isolation: isolate; }