/*
 * VirtaCard — public/assets/effects/metal-frame.css
 * Moldura metálica do avatar: a própria borda do avatar vira metal (dourado, prata, grafite
 * ou rose gold), com o reflexo girando devagar conforme o cursor/inclinação (metal-frame.js).
 * Só a borda muda: a foto, o formato do layout (círculo, arredondado, quadrado) e o recorte
 * ficam como estão. Convive com o Avatar holográfico (ele desenha por dentro; a moldura, na borda).
 */
[data-vcfx~="metal-frame"]{
  --vcfx-m1:#7a5a1c;--vcfx-m2:#c9a24a;--vcfx-m3:#f6e3a1;--vcfx-m4:#fff8e0;
  border-style:solid!important;border-color:transparent!important;border-width:4px!important;
  background:
    linear-gradient(135deg,var(--ac,var(--c-ac,#7c6ff7)),var(--pink,#f472b6)) padding-box,
    linear-gradient(var(--vcfx-mang,135deg),var(--vcfx-m1) 0%,var(--vcfx-m2) 18%,var(--vcfx-m4) 34%,var(--vcfx-m3) 44%,var(--vcfx-m2) 58%,var(--vcfx-m1) 72%,var(--vcfx-m3) 88%,var(--vcfx-m2) 100%) border-box!important;
}
[data-vcfx-metal-frame-color="silver"]{--vcfx-m1:#5f656c;--vcfx-m2:#a9afb6;--vcfx-m3:#e3e7eb;--vcfx-m4:#ffffff;}
[data-vcfx-metal-frame-color="graphite"]{--vcfx-m1:#15171a;--vcfx-m2:#3d4249;--vcfx-m3:#7c838c;--vcfx-m4:#b9bec6;}
[data-vcfx-metal-frame-color="rose"]{--vcfx-m1:#7d4f47;--vcfx-m2:#c48a7e;--vcfx-m3:#efc6b9;--vcfx-m4:#fff1ea;}