/* ============================================================
   ZL1MPORT VISUAL CORE — FAIL SAFE 4.6.3
   Regra: conteúdo nunca depende do JavaScript para existir.
   ============================================================ */

/* Cards / blocks: visible by default, even if JS crashes. */
.zl4-reveal:not(.is-visible){
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

/* Only after reveal-safe.js successfully initializes may items start hidden. */
html.zl4-reveal-enhanced .zl4-reveal:not(.is-visible){
  opacity:0 !important;
  transform:translate3d(0,34px,0) scale(.985) !important;
}
html.zl4-reveal-enhanced .zl4-reveal.is-visible{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

/* Cinematic default/fallback: first scene is always readable. */
html:not(.zl4-cinematic-enhanced) .zl4-cine-frame[data-cine-frame="0"]{
  opacity:1 !important;
  z-index:5 !important;
}
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"]{
  opacity:1 !important;
  transform:none !important;
}
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > .zl4-cine-kicker,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > small,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > .zl4-big-num,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > h3,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > h4,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > p,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > ul,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > .zl4-cine-sales-grid,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > .zl4-cine-actions,
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene="0"] > .zl4-cine-benefits{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

/* Non-active scenes stay out of the way in fallback mode. */
html:not(.zl4-cinematic-enhanced) .zl4-cine-copy[data-cine-scene]:not([data-cine-scene="0"]){
  opacity:0 !important;
}

@media(prefers-reduced-motion:reduce){
  html.zl4-reveal-enhanced .zl4-reveal,
  .zl4-cine-copy,
  .zl4-cine-copy > *{
    transition:none !important;
  }
}