/* ==========================================================================
   Camada de animacao (aditiva) - "mais dinamico e simples"
   - Nao altera conteudo nem cores.
   - Tudo fica atras de prefers-reduced-motion: no-preference.
   - O estado "escondido" so e aplicado quando o JS adiciona .reveal aos
     elementos (progressive enhancement: sem JS, conteudo aparece normal).
   ========================================================================== */
@media (prefers-reduced-motion: no-preference) {
  html.anim-ready .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }
  html.anim-ready .reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  /* Micro-interacao: leve elevacao em cards ao passar o mouse.
     Apenas transform/sombra - nenhuma cor alterada. */
  html.anim-ready .bg-solucoes-ws .cards .card,
  html.anim-ready .bg-solucoes .cards .card,
  html.anim-ready .bg-beneficios-solucoes .cards .card,
  html.anim-ready .bg-posts .posts .post,
  html.anim-ready .bg-vantagens .content .cards .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  }
  html.anim-ready .bg-solucoes-ws .cards .card:hover,
  html.anim-ready .bg-solucoes .cards .card:hover,
  html.anim-ready .bg-beneficios-solucoes .cards .card:hover,
  html.anim-ready .bg-posts .posts .post:hover,
  html.anim-ready .bg-vantagens .content .cards .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
  }
}