/* V16 — microinteracciones progresivas, sin dependencias externas */
@media (prefers-reduced-motion: no-preference) {
  .imedia-reveal { opacity:0; transform:translate3d(0,22px,0); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms); }
  .imedia-reveal.is-visible { opacity:1; transform:translate3d(0,0,0); }
  .service-home-card,.team-card,.stat-card,.social-client,.work,.art-item,.mini-grid>*,.brand-card { transition:transform .24s ease,box-shadow .24s ease; }
  @media(hover:hover) and (pointer:fine) {
    .service-home-card:hover,.team-card:hover,.social-client:hover,.work:hover,.art-item:hover,.mini-grid>*:hover {transform:translateY(-5px);box-shadow:0 14px 32px rgba(10,31,67,.12)}
    .btn:hover,.cta a:hover {filter:brightness(1.06);transform:translateY(-2px)}
  }
  .btn,.cta a {transition:transform .2s ease,filter .2s ease}
  .steps>span {transition:background-color .4s ease,box-shadow .4s ease,transform .4s ease}
  .steps.imedia-sequence>span.is-active {box-shadow:0 0 0 3px rgba(255,198,0,.28);transform:translateY(-2px)}
}
@media (prefers-reduced-motion: reduce) { .imedia-reveal {opacity:1!important;transform:none!important;transition:none!important} }
@media(max-width:767px){.imedia-reveal{--reveal-delay:0ms!important}}