/* DBT Brasil — Motion System (premium, estilo Apple)
   Carregado em todas as páginas de preview. Só ativa com JS (html.mo). */

html.mo{scroll-behavior:smooth}

/* ---- Reveal (entrada sequencial) ---- */
html.mo [data-mo]{
  opacity:0;
  translate:0 22px;
  transition:opacity .85s cubic-bezier(.22,1,.36,1), translate .85s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--mo-d,0ms);
}
html.mo [data-mo="s"]{translate:0 14px;scale:.97;transition:opacity .85s cubic-bezier(.22,1,.36,1), translate .85s cubic-bezier(.22,1,.36,1), scale .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--mo-d,0ms)}
html.mo [data-mo].mo-in{opacity:1;translate:0 0;scale:1}

/* ---- Header entra suave no load (fade leve, sem deslocamento) ---- */
html.mo .shd{animation:moNav .5s ease-out both}
@keyframes moNav{from{opacity:0}to{opacity:1}}

/* ---- Micro-interações ---- */
html.mo .mo-press{transition:transform .16s cubic-bezier(.33,1,.68,1)}
html.mo .mo-press:active{transform:scale(.965)}

/* ---- Segurança: impressão/screenshot e acessibilidade ---- */
@media print{
  html.mo [data-mo]{opacity:1 !important;translate:0 0 !important;scale:1 !important}
}
@media (prefers-reduced-motion:reduce){
  html.mo [data-mo]{opacity:1;translate:0 0;scale:1;transition:none}
  html.mo .shd{animation:none}
  html.mo .mo-press,html.mo .mo-press:active{transform:none;transition:none}
  html.mo{scroll-behavior:auto}
}