/* ===== FOOTER ===== */
    footer {
      background: linear-gradient(90deg, #b91c1c, #ff6b00, #b91c1c);
      color: #272102ff;
      text-align: center;
      padding: 18px 8px;
      font-size: 13px;
      width: 100%;
      line-height: 1.4;
      margin-top: 40px;
    }

    footer a {
      color: #ffff;
      font-weight: 600;
      text-decoration: none;
    }

    footer a:hover {
      text-decoration: underline;
    }

    @media (max-width: 600px) {
      footer span {
        display: block;
      }
    }

    @media (min-width: 601px) {
      footer span {
        display: inline;
      }
    }