/*
 * VirtaCard — public/assets/effects/metal-name.css
 * Nome metalizado: só o nome principal recebe um gradiente metálico recortado no texto, com um
 * reflexo que passa devagar. Tipografia, tamanho e alinhamento seguem do tema e do layout; o
 * selo de verificado mantém a cor (o texto fica transparente via text-fill-color, não "color").
 * Em tema claro (data-vcfx-tone="light" no público, .is-light na prévia) os tons são mais escuros,
 * para manter a leitura.
 */
[data-vcfx~="metal-name"]{
  --vcfx-n1:#a87c2a;--vcfx-n2:#e3c26e;--vcfx-n3:#fff3c8;
  background:linear-gradient(100deg,var(--vcfx-n1) 0%,var(--vcfx-n2) 22%,var(--vcfx-n3) 40%,var(--vcfx-n2) 52%,var(--vcfx-n1) 70%,var(--vcfx-n2) 100%);
  background-size:250% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:vcfx-metal-sheen 9s ease-in-out infinite;
}
[data-vcfx-metal-name-color="silver"]{--vcfx-n1:#8e959d;--vcfx-n2:#d4d9de;--vcfx-n3:#ffffff;}
[data-vcfx-metal-name-color="rose"]{--vcfx-n1:#b0776b;--vcfx-n2:#e7b3a6;--vcfx-n3:#fff0ea;}
/* Tema claro: tons mais profundos */
:is([data-vcfx-tone="light"],.is-light [data-vcfx~="metal-name"])[data-vcfx~="metal-name"]{--vcfx-n1:#6e4c12;--vcfx-n2:#9c7424;--vcfx-n3:#c99b3c;}
:is([data-vcfx-tone="light"],.is-light [data-vcfx~="metal-name"])[data-vcfx-metal-name-color="silver"]{--vcfx-n1:#3f454c;--vcfx-n2:#6b727a;--vcfx-n3:#9aa1a9;}
:is([data-vcfx-tone="light"],.is-light [data-vcfx~="metal-name"])[data-vcfx-metal-name-color="rose"]{--vcfx-n1:#7a4238;--vcfx-n2:#a8685b;--vcfx-n3:#c98a7c;}
@keyframes vcfx-metal-sheen{0%,100%{background-position:100% 0;}50%{background-position:0 0;}}
@media (prefers-reduced-motion:reduce){[data-vcfx~="metal-name"]{animation:none;background-position:40% 0;}}
@media print{[data-vcfx~="metal-name"]{-webkit-text-fill-color:currentColor;background:none;}}