/*
 * Assinatura FGDeveloper's (padrão FGD, 10/11/2026). Fonte única: FGDKit/kit/assinatura.
 * Vai no rodapé de todo projeto, sempre com o nome "FGDeveloper's" e o link https://fgdhub.com/.
 * Paleta FGD: preto e carbono, dourado e vermelho. Funciona em rodapé claro ou escuro (é uma pílula preta).
 * Movimento: ponto vermelho pulsando, brilho atravessando a pílula e o nome em ouro correndo.
 * Quem pede menos movimento no sistema vê tudo parado.
 */
.fgd-assinatura {
  --fgd-a-preto: #0c0c0c;
  --fgd-a-carbono: #161616;
  --fgd-a-ouro: #c5a064;
  --fgd-a-ouro-claro: #f3e2b8;
  --fgd-a-vermelho: #a3131f;
  --fgd-a-vermelho-claro: #d9473f;
  --fgd-a-osso: #f2f1ed;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  max-width: 100%;
  padding: 0.5em 1.05em 0.5em 0.85em;
  border: 1px solid rgb(197 160 100 / 0.42);
  border-radius: 999px;
  background:
    radial-gradient(120% 160% at 0% 50%, rgb(65 3 6 / 0.6) 0%, transparent 58%),
    linear-gradient(180deg, var(--fgd-a-carbono) 0%, var(--fgd-a-preto) 100%);
  color: var(--fgd-a-ouro);
  font: 500 12px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 0.03em;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.05),
    0 6px 18px -10px rgb(0 0 0 / 0.85);
  transition:
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s ease;
}

/* Ponto vermelho com pulso. */
.fgd-assinatura::before {
  content: "";
  flex: none;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: var(--fgd-a-vermelho);
  box-shadow: 0 0 0 0 rgb(163 19 31 / 0.65);
  animation: fgd-assinatura-pulso 2.4s ease-out infinite;
}

/* Brilho dourado que atravessa a pílula de tempos em tempos. */
.fgd-assinatura::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  background: linear-gradient(110deg, transparent 35%, rgb(243 226 184 / 0.2) 50%, transparent 65%);
  transform: translateX(-120%);
  animation: fgd-assinatura-brilho 5.5s ease-in-out infinite;
  pointer-events: none;
}

.fgd-assinatura__pre {
  color: rgb(242 241 237 / 0.62);
  font-weight: 400;
}

/* O nome em ouro, com um reflexo claro e um toque de vermelho correndo pelo texto. */
.fgd-assinatura__marca {
  font-weight: 700;
  letter-spacing: 0.06em;
  background-image: linear-gradient(
    90deg,
    var(--fgd-a-ouro) 0%,
    var(--fgd-a-ouro-claro) 20%,
    var(--fgd-a-ouro) 40%,
    var(--fgd-a-vermelho-claro) 60%,
    var(--fgd-a-ouro) 80%,
    var(--fgd-a-ouro) 100%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: fgd-assinatura-ouro 6s linear infinite;
}

.fgd-assinatura:hover,
.fgd-assinatura:focus-visible {
  border-color: rgb(197 160 100 / 0.9);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.06),
    0 0 0 1px rgb(163 19 31 / 0.4),
    0 10px 28px -10px rgb(163 19 31 / 0.6);
  transform: translateY(-1px);
}

.fgd-assinatura:focus-visible {
  outline: 2px solid var(--fgd-a-ouro);
  outline-offset: 3px;
}

@keyframes fgd-assinatura-pulso {
  0% { box-shadow: 0 0 0 0 rgb(163 19 31 / 0.65); }
  70% { box-shadow: 0 0 0 0.6em rgb(163 19 31 / 0); }
  100% { box-shadow: 0 0 0 0 rgb(163 19 31 / 0); }
}

@keyframes fgd-assinatura-brilho {
  0%, 55% { transform: translateX(-120%); }
  85%, 100% { transform: translateX(120%); }
}

@keyframes fgd-assinatura-ouro {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .fgd-assinatura,
  .fgd-assinatura::before,
  .fgd-assinatura::after,
  .fgd-assinatura__marca {
    animation: none;
    transition: none;
  }
}

@media (forced-colors: active) {
  .fgd-assinatura__marca {
    background: none;
    color: LinkText;
    -webkit-text-fill-color: LinkText;
  }
}