/* Firma MAGMA · capsula con luce di lava (vedi js/magma-lamp.js) */

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Firma MAGMA */
.magma-credit {
  --mc-halo: 26px;
  --mc-x: 0px;
  --mc-y: 0px;
  --mc-lit: 0;
  position: relative; isolation: isolate;
  display: inline-flex; align-items: center; gap: 0.75rem;
  min-height: 52px; padding: 0.35rem 1.15rem 0.35rem 0.45rem;
  border-radius: 999px; border: 1px solid rgb(255 255 255 / 14%);
  background: #140805; color: #fff; text-decoration: none;
}
.magma-credit:focus-visible { outline: 2px solid #ff5a1f; outline-offset: 6px; border-radius: 999px; }

.mc-light {
  position: absolute; inset: calc(var(--mc-halo) * -1 - 1px);
  pointer-events: none; opacity: var(--mc-lit);
  -webkit-mask: radial-gradient(circle 130px at calc(var(--mc-x) + var(--mc-halo)) calc(var(--mc-y) + var(--mc-halo)), #000 0%, rgb(0 0 0 / 55%) 38%, transparent 100%);
  mask: radial-gradient(circle 130px at calc(var(--mc-x) + var(--mc-halo)) calc(var(--mc-y) + var(--mc-halo)), #000 0%, rgb(0 0 0 / 55%) 38%, transparent 100%);
}
.mc-bloom, .mc-wire {
  position: absolute; inset: var(--mc-halo); border-radius: 999px;
  background: conic-gradient(from -90deg, #ff5a1f, #ffb547, #b8320b, #ff5a1f);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.mc-bloom { inset: calc(var(--mc-halo) - 2px); padding: 5px; filter: blur(calc(var(--mc-halo) / 2)); }
.mc-wire { padding: 1.5px; }

.mc-mark, .mc-text, .mc-arrow { position: relative; z-index: 1; }
.mc-mark { display: block; flex: none; }
.mc-text { display: flex; flex-direction: column; line-height: 1.2; }
.mc-line { font-size: 13px; color: rgb(255 255 255 / 82%); }
.mc-line strong { font-weight: 600; color: #fff; letter-spacing: 0.04em; }
.mc-by { font-size: 11px; color: #ffb547; letter-spacing: 0.08em; }
.mc-arrow {
  font-size: 14px; color: rgb(255 255 255 / 60%); margin-left: 0.25rem;
  transition: transform 200ms cubic-bezier(.2,.7,.2,1), color 200ms cubic-bezier(.2,.7,.2,1);
}
.magma-credit:hover .mc-arrow, .magma-credit:focus-visible .mc-arrow { transform: translate(2px, -2px); color: #ffb547; }


@media (prefers-reduced-motion: no-preference) {
  .mc-mark { animation: mc-pulse 4.5s ease-in-out infinite; }
}
@keyframes mc-pulse {
  0%, 100% { filter: drop-shadow(0 0 2px rgb(255 90 31 / 35%)); }
  50% { filter: drop-shadow(0 0 7px rgb(255 90 31 / 75%)); }
}