/* cvw.ro v3: hero-ul v1 peste conținutul v2 + animație la nivelul 5 (ales de operator, 05.10.2026; 3 și 7 au fost scoase).
   Regulile: livrare-grafica/reference/animatie.md. Doar transform și opacity; nimic fără JS; totul oprit la reduce motion.
   Nivelul e fix în <html data-nivel="5">; js-anim vine din scriptul din <head>. */

:root{--cvw-ease-out:cubic-bezier(.16,1,.3,1);--cvw-header-offset:96px}

@media (prefers-reduced-motion:no-preference){

  /* A. Intrarea în hero, în cascadă (nivel 5+). Motiv: ierarhie — marca, titlul, apoi acțiunile. */
  [data-nivel="5"] .sf-cvw-hero .sf-container>*{animation:cvw-enter-up .8s var(--cvw-ease-out) both}
  [data-nivel="5"] .sf-cvw-hero .sf-container>:nth-child(2){animation-delay:.08s}
  [data-nivel="5"] .sf-cvw-hero .sf-container>:nth-child(3){animation-delay:.16s}
  [data-nivel="5"] .sf-cvw-hero .sf-container>:nth-child(4){animation-delay:.24s}
  [data-nivel="5"] .sf-cvw-hero .sf-container>:nth-child(5){animation-delay:.34s}
  @keyframes cvw-enter-up{from{opacity:0;transform:translateY(18px)}}

  /* B. Apariție la scroll, în cascadă (nivel 5+). Motiv: poveste — treptele și etapele intră în ordinea în care se citesc. */
  [data-nivel="5"].js-cvw-anim [data-apare]{opacity:0;transform:translateY(22px);transition:opacity .6s var(--cvw-ease-out),transform .6s var(--cvw-ease-out);transition-delay:calc(var(--i,0) * 70ms)}
  [data-nivel="5"].js-cvw-anim [data-apare].is-cvw-visible{opacity:1;transform:none}

  /* C. Schimbarea filei la procese (nivel 5+). Motiv: feedback — schița nouă confirmă alegerea. */
  [data-nivel="5"] .sf-cvw-processes [role=tabpanel]:not([hidden]) .sf-cvw-diagram{animation:cvw-enter-tab .5s var(--cvw-ease-out) both}
  @keyframes cvw-enter-tab{from{opacity:0;transform:translateX(16px)}}
}

/* contorul: cifra animată e decorativă, textul real rămâne pentru cititoarele de ecran */
.sf-cvw-stats b i{font-style:normal}
.sf-cvw-stats b .sf-screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}