/* ============================================
       PERSONALIZACIÓN RÁPIDA
       Edita solo estos tres valores:
    ============================================ */
    /*
      MI_APODO:    juanpfrancos
      MI_WEB:      https://jpfranco.com
      MI_LINKEDIN: https://www.linkedin.com/in/juanpfrancos
    */

    .footer-signature {
      --fs-color: #6b7280;
      --fs-color-hover: #111827;
      --fs-size: 0.8125rem;
      --fs-gap: 0.4em;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: var(--fs-gap);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: var(--fs-size);
      line-height: 1.4;
      color: var(--fs-color);
      letter-spacing: 0.01em;
      padding: 0;
      margin: 0;
      border: none;
      background: none;
      box-shadow: none;
    }

    .footer-signature__text {
      opacity: 0.85;
    }

    .footer-signature__heart {
      display: inline-block;
      color: #e11d48;
      font-style: normal;
      transform-origin: center;
      animation: fs-heartbeat 1.6s ease-in-out infinite;
      will-change: transform;
    }

    @keyframes fs-heartbeat {
      0%   { transform: scale(1); }
      12%  { transform: scale(1.18); }
      24%  { transform: scale(1); }
      36%  { transform: scale(1.18); }
      48%  { transform: scale(1); }
      100% { transform: scale(1); }
    }

    @media (prefers-reduced-motion: reduce) {
      .footer-signature__heart {
        animation: none;
      }
    }

    .footer-signature__name {
      font-weight: 500;
      color: inherit;
      text-decoration: none;
      transition: color 0.2s ease, opacity 0.2s ease;
    }

    .footer-signature__name:hover,
    .footer-signature__name:focus-visible {
      color: var(--fs-color-hover);
      opacity: 1;
      outline: none;
    }

    .footer-signature__name:focus-visible {
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .footer-signature__linkedin {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1em;
      height: 1em;
      color: inherit;
      opacity: 0.75;
      transition: opacity 0.2s ease, color 0.2s ease;
      text-decoration: none;
    }

    .footer-signature__linkedin:hover,
    .footer-signature__linkedin:focus-visible {
      opacity: 1;
      color: var(--fs-color-hover);
      outline: none;
    }

    .footer-signature__linkedin:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
      border-radius: 2px;
    }

    .footer-signature__linkedin svg {
      width: 100%;
      height: 100%;
      fill: currentColor;
      display: block;
    }

    /* Ajuste fino en pantallas muy pequeñas */
    @media (max-width: 360px) {
      .footer-signature {
        --fs-size: 0.75rem;
        --fs-gap: 0.35em;
      }
    }